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

Question

我有以下jquery代码：

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

我有几个<div>个元素，其中class =“editDialog”。 一切都很好，但当我用ajax加载这些div。对话框不再起作用了。

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

这里有效。但是当HTML部分中的代码由ajax加载时，它就会停止工作。

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

Answer 1

在

中调用您的函数

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

你的ajax POST函数中的

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