jquery - Jquery UI取消按钮需要点击两次才能关闭

Question

在我的 jQuery UI 对话框中，一旦我单击关闭按钮，下次出现对话框时，需要单击取消按钮两次才能关闭。

http://jsfiddle.net/AvF8V/6/

如果我没有单击 (X)close 按钮​​，则以下代码行可以正常工作。

 jQuery("#message1").remove();

单击关闭按钮后，取消按钮仅在单击两次时才起作用。

这种情况的原因是什么，我该如何避免？

Answer 1

下面的 javascript 将创建一个 div "#message1"，即使另一个具有相同 id 的 div 已经存在。

Alert('dialog_message1','this is a test');

默认情况下，jQuery 对话框的关闭按钮不会从 html 中删除容器。所以会有两个或多个具有相同 id ('#message1') 的 div，jQuery("#message1").remove();只会删除第一个。

你应该

1. 在创建 OR 时检查是否存在具有相同 id 的另一个元素
2. $(this).dialog('destroy').remove()如果要删除对话框，请使用。