jquery - 如何关闭 JQuery 对话框？

Question

我有以下加载 displayRecords.php 的对话框。我在对话框上有关闭按钮，但我正在努力让它工作。

$(document).ready(function() { 

     var dlg=$('#ticketDetails').dialog({
        title: 'Ticket Details',
        resizable: false,
        autoOpen:false,
        modal: true,
        hide: 'fade',
        buttons:{ "Close": function() { $(this).dialog("close"); } },
        close: function(e, i) { $(this).hide(); },
        width: 1300


     });


    $('a.view').click(

    function(e) 
    {    

         dlg.load('displayRecord.php?id='+this.id, function(){ 
         dlg.dialog('open');

     });

    });

});

我对 JQuery 比较陌生。有人可以指出上面看起来有什么问题吗？

Answer 1

var dlg = '';
$(document).ready(function() { 

     dlg=$('#ticketDetails').dialog({
        title: 'Ticket Details',
        resizable: false,
        autoOpen:false,
        modal: true,
        hide: 'fade',
        buttons:{ "Close": function() { $(this).dialog("close"); } },
        close: function(e, i) { $(this).hide(); },
        width: 1300   
     });


    $('a.view').click(

    function(e) 
    {    

         dlg.load('displayRecord.php?id='+this.id, function(){ 
         dlg.dialog('open');

     });

    });


 $('a.closeDialog').click(function(){dlg.dialog('close');});
});

一些小的调整，这可能在概念上起作用。我给出的想法是dlg在函数外部声明为某种全局变量，剩余的函数可以重用