如何在 jQuery Mobile 中等待弹出窗口关闭？

Posted 2023-05-09

【中文标题】如何在 jQuery Mobile 中等待弹出窗口关闭？

【英文标题】：How to wait for a popup to close in jQuery Mobile?

【发布时间】：2012-11-08 02:34:34

【问题描述】：

在 jQuery Mobile 1.2.0 中，我正在使用新的弹出窗口小部件。

$('#my_popup').popup('close');
$('#my_popup').popup('open');

我显然想等到弹出窗口完全关闭后再打开它。 close 方法不提供回调函数选项。

【问题讨论】：

close和open的方法肯定要有回调函数。我知道我可以使用 afterclose 事件，但是如果用户退出弹出窗口，我不希望启动相同的操作，因此我必须对此进行检查。路线图 (jquerymobile.com/roadmap) 中没有任何内容表明这将得到修复。即使在 jQueryUI 中采用 1.6 版的对话框小部件也无法解决问题。因此，我们只需要处理有点麻烦的 afterclose 事件解决方法。

【参考方案1】：

你可以使用popupafterclose事件，下面是sn-p如何做到这一点。

更多信息可以查看jQuery-Mobile Docs

$( "#my_popup" ).bind(
   popupafterclose: function(event, ui)  ... 
);