Кнопка отмены JQuery UI необходимо дважды щелкнуть, чтобы закрыть

Question

В моем диалоговом окне интерфейса jQuery, как только я нажму кнопку закрытия, в следующий раз, когда появится диалоговое окно, кнопку отмены нужно дважды щелкнуть, чтобы закрыть.

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

Следующая строка кода работает отлично, если им не нажав на кнопку закрытия (X).

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

Как только я нажал кнопку закрытия, кнопка отмены будет работать только при двойном щелчке.

В чем причина этого сценария и как его избежать?

Answer 1

Следующий javascript создаст div «# message1», даже еще один div с тем же идентификатором уже существует.

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

Закрывающая кнопка диалога jQuery не удаляет контейнер из html по умолчанию. Таким образом, будут два или более div с одним и тем же идентификатором ('# message1'), jQuery("#message1").remove(); удалит только первый.

Вы должны

1. Проверьте, если существует еще один элемент с тем же идентификатором при создании или
2. Используйте $(this).dialog('destroy').remove(), если вы хотите, чтобы удалить диалог.