使用ajax加载内容时获取JQUERY Dialog

我有以下jquery代码：

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

我有几个

元素与class =“editDialog”。 一切都很好，但是当我用ajax加载这些div时。 对话框不再起作用。

JSFIDDLE： http ： //jsfiddle.net/9Wvte/

这是工作。 但是当HTML部分中的代码由ajax加载时，它将停止工作。

我想我必须更改上面的代码，以便在调用document.ready之后调用它。

Answer 1

在中调用你的function

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

在你的ajax POSTfunction中。 根据我的说法，在DOM中创建元素之前绑定了even。 在这里运行函数将在ajax加载DOM之后触发它，因此它将绑定到所有元素。