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

Posted 2023-05-08

【中文标题】加载新对话框时出现 Jqueryui 对话框问题

【英文标题】：Jqueryui dialog problem with loading new dialog

【发布时间】：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();

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

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