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的另一個因素。