使用ajax加载内容时，让JQUERY对话框正常工作

Get JQUERY Dialog working when loading content with ajax

本文关键字：常工作 对话框 工作 JQUERY 加载 ajax 使用      更新时间：2023-09-26

我有以下jquery代码：

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

我有几个带有class="editDialog"的<div>元素。一切都很好，但当我用ajax加载这些div时。对话框不再工作。

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

它在这里工作。但是当HTML部分的代码被ajax加载时，它就停止工作了。

我想我必须更改上面的代码，这样即使在调用document.ready之后也会调用它。

调用中的函数

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

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

相关文章：