Jquery 대화 상자 - 닫을 때 다른 대화 상자가 열림

Question

이 jquery 스크립트를 사용하여 내 페이지에서 대화 상자를 엽니 다. 8 개의 대화 상자 옵션이 있습니다. 사용자가 대화 상자를 엽니 다

<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> 

그러나 한 후, 다음, 모든 대화 상자가 화면에 남아있을 것입니다 다음 대화 상자를 열려고 : 여기

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

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

    }); 

는 HTML입니다. 사용자가 대화 상자를 열면 대화 상자를 닫거나 새 대화 상자를 선택할 때까지 열려 있어야합니다. I합니다 ( jquery 정보 페이지에서)

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

을이를 구현하려하지만이 대화 상자를 닫습니다하지 않습니다. 올바른 방향을 향한 도움을 주셔서 감사합니다!

Answer 1

클릭 이벤트 코드에 $(".ui-dialog-content").dialog("close");을 추가하십시오. 모든 jQueryUI 대화 상자는 ui-dialog-content 클래스를 공유하기 때문에 새로운 대화 상자가 열리기 전에 먼저 모든 대화 상자를 닫을 수 있습니다.

이 부분은 jsFiddle입니다.