jquery - jQuery Mobile 对话框关闭时如何添加操作

Question

我正在使用 jquerymobile。我想在对话框窗口关闭时添加一个事件，就像$( ".selector" ).on( "popupafterclose", function( event, ui ) {} );. 给对话框小部件设置类似的事件。

Answer 1

对话框小部件本质上只是页面小部件，其样式看起来像一个对话框，因此正常的页面事件仍然会触发。根据您的问题，听起来pagehide应该做您想做的事情，这是指向其他一些页面事件的链接

例如

HTML

<div data-role="page">
    <div data-role="header"><h3>First Page</h3></div>
    <div data-role="content">
        <a href="#myDialog" data-rel="dialog" >Open Dialog</a>
    </div>
    <div data-role="footer"><h3>Footer</h3></div>
</div>

<div data-role="page" id="myDialog">
    <div data-role="header"><h3>A Dialog</h3></div>
    <div data-role="content">
        <p>A Dialog</p>
    </div>
    <div data-role="footer"><h3>Footer</h3></div>
</div>

JS

$(document).on('pagehide', '#myDialog', function() {
   alert('Dialog hidden'); 
});

jsfiddle