生成多個jQuery UI對話框

Question

我已經把我的jquery對話框內容放在div中。但每當我以這種方式初始化對話框時：

$(".uof_add_form").dialog({ 
    autoOpen : false, 
    height : 500, 
    width : 600, 
    modal : true, 
    buttons : { 
    "Done" : function() { 
    $(this).close(); 
    } 
    } 
}); 

內容從我的div中刪除。由於這個原因，我不能使用

$("#new_form").on("click",".add_level", function(){ 
     var wrapper_data = $(this).parent().parent().parent().parent(); 
     wrapper_data.find(".uof_add_form").dialog("open"); 

}); 

打開我的對話框。

由於我的內容是動態生成的，因此我需要使用$(this)。

有什麼方法可以讓我的內容留在我的div裏面？

我改變了我的代碼來初始化上點擊自己以這種方式對我的div做display:none： -

$("#new_form").on("click",".add_level", function(){ 
    var wrapper_data = $(this).parent().parent().parent().parent(); 
    wrapper_data.find(".add_level_pop").dialog({autoOpen : true, height : 500,width : 600,modal : true, buttons : { "Done" : function() { $(this).dialog('close'); } } }); 

}); 

對話框上的第一次點擊，但在第二次點擊對話框打開不會因爲被解僱在對話框的初始化過程中內容已被傳送到不同的地方。

我還增加了一個樣品上的jsfiddle請here

Answer 1

雖然我不確定我是否瞭解你最初的問題，但從看在你的小提琴的代碼，你可能要考慮到：

• 省略您選擇的類限定符，當你已經有一個ID，這將堅持對話框元素，所以你總能找到在你的<div>DOM（fiddle v3）
• 的<div>保存到一個變量上的負載，這樣你就可以不用查詢它的DOM（fiddle v4）

在這兩個更新版本的提琴的對話框中第二次點擊打開訪問它，如果那是w你正在尋找的帽子。希望能幫助到你。

---

當你試圖解決一個更一般的情況下，我在another fiddle version相應地更新你的榜樣。對話框div使用.data()函數保存在按鈕上。要打開對話框，使用保存的對話框。

Answer 2

使用.dialog()返回值作爲手柄：

var handle = $(".uof_add_form").dialog({ 
[...] 
}); 

然後在某個時刻，

handle.dialog("open");