SimpleModal 框内的 DOM 操作答案

【问题标题】：DOM manipulation inside SimpleModal boxSimpleModal 框内的 DOM 操作
【发布时间】：2010-08-09 14:04:18
【问题描述】：

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

<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 Plugin，因为每次我关闭并重新打开模态框时，它都会显示一个非常糟糕的错误行为。

【问题讨论】：

标签： jquery dom jquery-plugins simplemodal

【解决方案1】：

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

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

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

【讨论】：