Jquery UI取消按钮需要单击两次才能关闭

Question

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

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

如果我不点击（X）关闭按钮，以下代码行正常工作。

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

单击关闭按钮后，取消按钮仅在单击两次时才有效。

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

Answer 1

下面的javascript将创建一个div“＃message1”，即使是另一个具有相同ID的div也已存在。

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

默认情况下，jQuery对话框的关闭按钮不会从html中删除容器。 因此，将有两个或更多具有相同ID的div（'＃message1'），jQuery("#message1").remove();将仅删除第一个。

你应该

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