打开一个对话框自动关闭面板

Question

我有一个JQM面板，其中包含一个选择菜单。

当您打开面板并单击菜单时，将打开该对话框。 现在，如果您选择一个选项，您将返回页面并关闭面板。 有没有办法让面板保持打开状态？

这是fiddle。

<div id="panel" data-role="panel">
    <select id="select" data-native-menu="false">
        <option value="1">text</option>
        ...
        <option value="9">text</option>
    </select> 
</div>

Answer 1

面板关闭的原因是对话框。由于对话框被视为页面，因此当您打开对话框时，您将页面保留到另一个页面，但使用data-rel='dialog'。

即使data-dismissible='false'也不会强制面板保持打开状态。但是，您也可以强制面板在pageshow上打开，或者在对话框消失pagehide后强制显示。

  

<强> Demo

$(document).on('pagehide', '#select-dialog', function () {
 $('#panel').panel('open');
});

Answer 2

跟进@ Omar的建议，我不得不添加一个trigger（）方法来让面板打开。所以：$('#panel').panel('open').trigger();