jQuery UI对话框中的iframe

Question

我在jquery UI对话框中有一个iframe，将其src设置为doument.ready事件：

    $(document).ready(function() {
     $("#iframe").attr("src", whatever);
     $("#button").click(function() { $("#dialog").dialog(); });
    });

    <div id="dialog">
     <iframe src="" id="iframe"></iframe>
    <div>

当我click over the button dialog open时一切都很好，但the problem是loads iframe content everytime when dialog open它都会loads iframe content everytime when dialog open 。我want to stop这种行为，并load the contents only once at document.ready event我该怎么做？

Answer 1

使用另一个隐藏的iframe，然后在对话框打开时，只需将其内容复制到对话框中的iframe中即可。

Answer 2

问题在于，当您关闭对话框时，JqueryUI会破坏该对话框。

这是一个简单的解决方法： https : //stackoverflow.com/a/9128123/477176