SimpleModal 框内的 DOM 操作

Question

我在尝试将动态创建的 html 添加到 SimpleModal 框（OSX 样式）中时遇到问题。

<div id="osx-modal-content">
    <div id="osx-modal-title">Foo Modal</div>
    <div class="close"><a href="#" class="simplemodal-close">x</a></div>
        <div id="osx-modal-data">
        <a class="dynamic">Click</a>
        <span class="for-dynamic-link"></span>
        <p><button class="simplemodal-close">Close</button> <span>(or press ESC or click the overlay)</span></p>
    </div>
</div>

关闭模态框后，所有动态插入的 html 都会消失。 我可以调整插件中的某些内容来解决此问题吗？

$("#osx-modal-data").find("a.dynamic").bind("click", function() {
    $("#osx-modal-data span.for-dynamic-link").append("<p>Foo Test</p>");
    return false;
});

我的主要问题是我无法使用 AutoSuggest Jquery 插件 因为每次我关闭并重新打开模式框，它显示出非常糟糕的错误行为。

Answer 1

尝试使用 persist:true 选项。您可以修改源代码，也可以在加载 SimpleModal 之后、运行 osx JS 之前添加：

<script>
    $.modal.defaults.persist = true;
</script>

如果这不起作用，请告诉我。