加载新对话框时出现 Jqueryui 对话框问题答案

【问题标题】：Jqueryui dialog problem with loading new dialog加载新对话框时出现 Jqueryui 对话框问题
【发布时间】：2011-07-29 15:45:37
【问题描述】：

我正在使用 jqueryui 对话框，但从其他文件加载它时出现问题。我得到的例子

你好.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();

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

【问题讨论】：

标签： jquery jquery-ui jquery-ui-dialog

【解决方案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/查看工作示例

【讨论】：