位置關閉圖像按鈕以外的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> 

這是JavaScript代碼：

$(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'); 
}