jqueryモバイルでダイアログを閉じるイベント

Question

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> 

を私は現在、次のようにページを非表示にコードを実行することにより、電話を作っています： $('#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"); 
    }}); 

これらの私は、ページのロード時に呼び出される関数に入れているが、ダイアログを閉じたときに警告が表示されていないを試してみました：私は試してみました。どんな助けもありがとう。

Answer 1

ダイアログとして特定のイベントはありません。単にダイアログとして表示されるページなので、 pagehideイベントをお試しください。

$("#MyDialog").bind("pagehide",function(){ 
    alert("Dialog closed"); 
}); 

また、あなたのサンプルコードの最初の行は行うべきではありません<div data-role="page">の外にあるリンクを持っています。

Answer 2

Pagehideは、次のような委任することができます。

$(document).delegate("#MyDialog", "pagehide", function() { 
    alert("Dialog closed"); 
}); 

ます。また、呼び出しページの画面要素にアクセスする必要があります。

Answer 3

Andreerは、jqueryを使用してダイアログを閉じるための適切なイベントを共有しました。しかし、このようにコード化することもできます。

$(document).on("pagehide","#Dialog",function(){ 
     console.log('Dialog has closed.'); 
    });