Question

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

Answer 1

dialog窗口小部件基本上只是页面窗口小部件，其外观类似于对话框，因此正常页面事件仍将触发。基于您的问题，听起来pagehide应该做您想做的事情，这里是指向其他页面的链接events

例如

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

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

1 个答案: