jQuery的對話框 - 當其他對話框打開

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。