jquery mobile选择onclose事件

我在jQuery Mobile的 “面板”上实现了一个过滤function：

• 我通过点击任何按钮调用filter，面板从左侧滑动，并有filter选项来设置当前filter。
• 如果多个选择框包含许多选项，它将显示在覆盖整个页面的黑色背景上，并关闭面板。

在多选的对话框关闭后，我需要用filter重新打开面板…

我用这个：

$('#filter select').bind('change',function(){ $('#filter').panel('open'); }); 

如果用户在打开的对话框中做了任何更改（选择），这是可以的…
但是，如果他只是使用X按钮关闭此对话框而没有任何更改呢？ 对话框消失，但面板未重新打开。

非常感谢您的帮助。

Answer 1

根据屏幕大小和选项长度，jQuery Mobile自定义选择菜单可以转换为弹出窗口或对话框 。

当selectmenu是对话框时，它会导航到一个新的对话框页面。 在这种情况下，您可以收听prevPage 事件以检索上一个prevPage和下一页toPage 。

如果上一页是对话框/选择菜单，请在下一页打开面板。

 $(document).on("pagecontainershow", function (e, data) { var previousPage = data.prevPage, nextPage = data.toPage; if (previousPage.hasClass("ui-selectmenu")) { /* or ui-dialog */ $(".ui-panel", nextPage).panel("open"); } }); 

演示