来自ajax的模态对话框的jQuery-ui问题

Question

我有以下设置： index.html 与 div id="container">/div> 使用锚方法我将不同的 html 内容加载到此容器中。
我的内容包含模态对话框“dialog-form”的 div，并且我使用 index.html 中包含的 javascript 中的自定义函数在使用回调成功加载 ajax 时对其进行初始化

 $.get("callback.php",query, function(data){
        $("#container").html(数据);
        初始化位置（）； // 这里我们运行 javascript 来初始化模态对话框
    });

一切正常，直到用户单击其他菜单（我们加载不同的内容），然后再次单击带有此模式对话框的菜单，因此页面再次加载，我们再次调用脚本（一切正常），对话框打开，对话框中的信息被提交到服务器并成功完成我想用

('#dialog-form').dialog('close');

关闭对话框它第一次工作，但不再工作，因为我们初始化了这个对话框两次并使用 Firebug，我可以在

div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-draggable ui-resizable"

当用户选择不同的菜单项时如何清理它？ 处理这个问题的正确方法是什么？有没有办法关闭多个同名对话框？

Answer 1

想通了。 要从正文中删除此 DIV - 在 ajax 回调插入函数 InitializeDialog() 中的 initPos() 之前

函数初始化对话（）{ $("div").remove(".ui-dialog"); $("div").remove("#dialog-form"); }

一般情况 当您的 Jquery UI 对话框与 <script> 标记一起返回以响应 ajax 调用时。在这种情况下，您必须如上所述删除对话框 div，然后进行 ajax 调用。

希望这会有所帮助！