显式调用jquery对话框关闭事件

时间:2015-04-20 13:45:31

标签: jquery jquery-ui-dialog

我的页面上有一个jQuery对话框,由于某种原因,我在对话框函数的title选项中使用自定义HTMl,它也包含一个范围(对我来说充当close button): -

$("#myDivId").dialog({
    modal: true,
    resizable: false,
    closeOnEscape: false,
    draggable: false,
    title: "<div><span class='ui-dialog-title'>History</span>
           <a class='ui-dialog-titlebar-close ui-corner-all'>
          <span class='ui-icon ui-icon-closethick'>X</span></a></div>",
    width: 700,
    height: 300,
    open: function (event, ui) { 
        $('.ui-widget-overlay').css('height', $(window).height()); 
    },
    close: function () { alert(1); }
 });

有没有办法在单击包含close文本的span时调用jQuery对话框的X事件,以便我可以关闭对话框?

1 个答案:

答案 0 :(得分:0)

你的近距离功能如何:

$('#myDivId').dialog('close')