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

Answer 1

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

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

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

SimpleModal框中的DOM操作

1 个答案: