獲取JQUERY對話與阿賈克斯

Question

加載內容時的工作，我有以下的jQuery代碼：

$(".editDialog").dialog({ 
    autoOpen: false, 
    show: { 
     effect: "blind", 
     duration: 1000 
    }, 
    hide: { 
     effect: "explode", 
     duration: 1000 
    } 
}); 

我有幾個<div>元素帶有class =「editDialog」。 一切工作得很好，但是當我加載這些div與Ajax。對話框不再工作。

的jsfiddle：http://jsfiddle.net/9Wvte/

這是工作。但是，當HTML部分中的代碼由ajax加載時，它停止工作。

我想我必須改變上面的代碼，以便在調用document.ready之後調用它。

Answer 1

調用函數在

complete : function(){ 
/*your function here*/ 
} 

在你的Ajax POST功能。根據我的觀點，在DOM中創建元素之前，綁定是偶然的。在這裏運行函數將在ajax加載DOM後觸發它，因此它將被綁定到所有元素。