的iFrame在jQuery UI的對話框

Question

我在jQuery用戶界面對話框中的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。 I 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