Question

我使用此jquery脚本在我的页面上打开一个对话框。我有8个对话框选项。

      $(".details").dialog({
        autoOpen:false
      });

      $("a.pop").each(function(i,o){
        $(this).click(function(e){
          e.preventDefault();
          $(".details:eq("+i+")").dialog('open');    
        });
      });

    });

这是HTML：

<a class="pop" href="#"><img src="icon.png" width="16" height="16" border="0" /></a><div class="details" title="Name Help">Name</div>
<a class="pop" href="#"><img src="icon.png" width="16" height="16" border="0" /></a><div class="details" title="Address Help">Address</div>

然而，在用户打开对话框后，然后尝试打开下一个对话框，所有对话框都将保留在屏幕上。当用户打开一个对话框时，它应该保持打开状态，直到它们关闭对话框或者选择一个新的对话框。我试图实现这一点（来自jquery信息页面）

$( ".selector" ).dialog({
close: function(event, ui) { ... }
});

但这并没有关闭对话框。感谢任何协助指明正确的方向！

Answer 1

将$(".ui-dialog-content").dialog("close");添加到您的点击事件代码中。由于所有jQueryUI对话框都共享ui-dialog-content类，因此您可以先打开它们，然后再打开任何新对话框。

请参阅此jsFiddle。

Jquery对话框 - 当其他对话框打开时关闭

1 个答案: