jquery UI对话框中的iframe

Question

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

    $(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。我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