加载新对话框的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();

问题是当我单击按钮两次时，对话框将显示两次。它将与另一个对话框重叠..我可以在点击按钮之前在创建新的ui之前销毁该对话框吗？

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/

处的工作示例