Jqueryui проблема с загрузкой нового диалога

Question

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

hello.php

 <button class="btn"></button>

 <div class="xxx"></div>

 $(".btn").click(function(){

     $.post("hi.php",function(e){
         $(".xxx").html(e);
     });
  });

hi.php

<div class="mydialog"></div>
$(".mydialog").dialog();

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

Answer 1

Вам нужно проверить, открыт ли уже тот же диалог, прежде чем открывать другой.

$('button').live('click', function() {
    if (!$(".mydialog").parents(".ui-dialog").is(":visible")) { //checking is done here
        $('<p class="mydialog">test</p>').dialog();
    }
});

Проверьте рабочий пример на http://jsfiddle.net/vm4wQ/3/