小编use*_*237的帖子

我正在使用jquery mobile和一个对话框来显示一些多选框.一些内容是根据选择使用Ajax动态创建的.我想在对话框关闭时(通过常规x按钮)进行Ajax调用.html的主要部分如下:

    <a href="#queryPage" data-rel="dialog"  data-transition="slidedown"  >Filter Results</a>
    <div data-role="page" id="queryPage" data-theme="a">
    <div data-role="header" data-theme="a">
    <h1>Select Filters</h1>
    </div>
    <div data-role="content">
    <form action="" method="get" id="filterForm">
    <fieldset id ="filterFields"></fieldset>
    </form>
    </div>
    </div>

我正在通过在页面hide上运行代码来进行调用,如下所示: $('#queryPage').live('pagehide', function(event) { //code for ajax call });

但是,我想在对话框关闭时进行调用,因为某些选择列表很大,并且即使对话框尚未关闭,它们也会创建一个隐藏queryPage的新页面.我试过了:

    $('#queryPage').bind('dialogclose', function(event) {
         alert('closed');
     });

并尝试过

    $('#queryPage').dialog({close:function(event, ui){
        alert("closed");
    }});

这些我已经放入了一个在页面加载时调用的函数,但是当关闭对话框时不会显示警报.任何帮助将不胜感激.