jQuery 대화 상자 : 대체 닫기 버튼

Question

jQuery 대화 상자에 대한 대체 닫기 버튼을 정의하려면 어떻게해야합니까?

열기 대화 상자를 닫으려면 "pop-close"클래스가있는 앵커가 필요합니다.

가장 단순합니다.

Answer 1

이 트릭을 수행해야합니다

<div id="dialog" title="Dialog Title" style="border: 1px solid red; position: absolute; display: none"> 
    I'm in a dialog 
    <span class="popup-close">CLOSE ME!</span> 
</div> 

<a id="open-dialog-button" href="#">Open Dialog</a> 

그리고 당신의 jQuery를 ...

$("#dialog > .popup-close").click(function() { 
    $("#dialog").dialog("close"); 
}); 

$("#open-dialog-button").click(function() { 
    $("#dialog").dialog({ 
     // Disable close on escape and the default close button for this dialog. 
     closeOnEscape: false, 
     open: function(event, ui) { 
      $(".ui-dialog-titlebar-close", $(this).parent()).hide(); 
     } 
    }); 
});