jquery - 在 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');
}