如何關閉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作爲各種全局變量，其餘函數可以重用