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删除容器。 所以会有两个或更多的div使用相同的ID（'＃message1'），jQuery("#message1").remove();只会删除第一个。

你应该

1. 检查，如果在创建时或
2. 使用$(this).dialog('destroy').remove()，如果你想删除的对话框中存在具有相同ID的另一个因素。