jquery-mobile - 打开对话框自动关闭面板

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');
});