닫기 jquery UI 대화 상자 바깥 쪽의 이미지 버튼 닫기

Question

jquery UI 대화 상자 바깥쪽에 닫기 이미지 버튼을 배치하고 싶습니다.

CSS는 :

이

내 코드입니다

.Close 
    { 
     position:absolute; 
     overflow:auto; 
     height:25px; 
     width:35px; 
     right: -34px; 
     top: 3px; 
    } 

그리고 이것은 Asp.NET 코드 :이 자바 스크립트 코드가

<div id="dialog" class="dialog "> 
    <asp:ImageButton ID="btnCancelpopup" runat="server" ImageUrl="~/Images/quit.png" CssClass="Close"/> 
</div> 

입니다 :

$(function(){ 
$("#dialog").dialog({ 
      maxWidth: 600, 
      maxHeight: 585, 
      height: 450, 
      width: 600, 
      modal: true, 
      autoOpen: false, 
      resizable: false, 
      show: "blind", 
      hide: "explode", 
      open: function (event, ui) { $(".ui-dialog-titlebar-close").hide(); } 
     }); 
}); 

Answer 1

당신 수동으로 이벤트를 바인딩 할 수 있음 외부 요소에.

$('#btnCancelpopup').click(function() { 
    $('#dialog').dialog('close'); 
}