jquery-ui-dialog-ダイアログを閉じるイベントにフックする方法

jquery-ui-dialogプラグインを使用しています

ダイアログが閉じている状況でページを更新する方法を探しています。

ダイアログからcloseイベントをキャプチャする方法はありますか？

閉じるボタンがクリックされたときにコードを実行できることはわかっていますが、ユーザーがエスケープで閉じることや右上隅のxをカバーしていません。

私はそれを見つけた！

次のコードを使用して、閉じるイベントをキャッチできます。

 $('div#popup_content').on('dialogclose', function(event) {
     alert('closed');
 });

当然、私はアラートを必要なものに置き換えることができます。
編集： Jquery 1.7以降、bind（）はon（）になりました

ダイアログを作成するときにもできると思います（私が行ったプロジェクトからコピーしたもの）：

dialog = $('#dialog').dialog({
    modal: true,
    autoOpen: false,
    width: 700,
    height: 500,
    minWidth: 700,
    minHeight: 500,
    position: ["center", 200],
    close: CloseFunction,
    overlay: {
        opacity: 0.5,
        background: "black"
    }
});

注意 close: CloseFunction

$("#dialog").dialog({
    autoOpen: false,
    resizable: false,
    width: 400,
    height: 140,
    modal: true, 
    buttons: {
        "SUBMIT": function() { 
        $("form").submit();
    }, 
        "CANCEL": function() { 
        $(this).dialog("close");
    } 
    },
    close: function() {
      alert('close');
    }
});

$( "#dialogueForm" ).dialog({
              autoOpen: false,
              height: "auto",
              width: "auto",
              modal: true,
                my: "center",
                at: "center",
                of: window,
              close : function(){
                  // functionality goes here
              }  
              });

ダイアログの「閉じる」プロパティは、同じに閉じるイベントを与えます。

Uもこれを試すことができます

$("#dialog").dialog({
            autoOpen: false,
            resizable: true,
            height: 400,
            width: 150,
            position: 'center',
            title: 'Term Sheet',
            beforeClose: function(event, ui) { 
               console.log('Event Fire');
            },
            modal: true,
            buttons: {
                "Submit": function () {
                    $(this).dialog("close");
                },
                "Cancel": function () {
                    $(this).dialog("close");
                }
            }
        });

これは私のために働いたものです...

$('#dialog').live("dialogclose", function(){
   //code to run on dialog close
});

jQuery 1.7以降、.on（）メソッドは、イベントハンドラーをドキュメントに添付するための推奨メソッドです。

実際にを使用して回答を作成した人はいないためです。on()代わりbind()に作成することにしました。

$('div#dialog').on('dialogclose', function(event) {
     //custom logic fired after dialog is closed.  
});

サンプルのようにオプション「閉じる」を追加し、インライン関数にしたいことを行います

close: function(e){
    //do something
}

私があなたが話しているウィンドウのタイプを理解しているなら、（ダイアログウィンドウの）$（window）.unload（）はあなたに必要なフックを与えませんか？

（そして、私が誤解し、ポップアップブラウザウィンドウではなくCSSを介して作成されたダイアログボックスについて話している場合、そのウィンドウを閉じる方法はすべて、クリックハンドラーを登録できる要素です。）

編集：ああ、CSS経由で作成されたjquery-uiダイアログについて話しているのがわかります。要素のクリックハンドラーをクラスui-dialog-titlebar-closeに登録することで、ウィンドウを閉じるXをフックできます。

もっと便利なのは、おそらくそれをすばやく理解する方法を教えてくれることでしょう。ダイアログを表示しながら、ちょうどオープン放火犯をポップし、点検し、ウィンドウを閉じることができます要素を。それらがどのように定義されているかがすぐにわかり、クリックハンドラーを登録するために必要なものがわかります。

だからあなたの質問に直接答えるには、答えは本当に「いいえ」だと思います-フックできるcloseイベントはありませんが、 "はい"-ダイアログボックスをかなり簡単に閉じて取得するすべての方法をフックできますあなたが欲しいもの。

次のコードを試して、任意のアイテムの終了イベントをキャプチャすることができます：ページ、ダイアログなど。

$("#dialog").live('pagehide', function(event, ui) {
      $(this).hide();
});