如何关闭JQuery对话框?

时间:2012-12-28 02:06:40

标签: jquery jquery-ui

我有以下对话框加载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的新手。有人可以指出上面看错了吗?

1 个答案:

答案 0 :(得分:2)

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声明为各种各样的全局变量,其余函数可以重用