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

Question

我有一个包含选择菜单的 JQM 面板。

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

这是小提琴。

<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。

演示

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

Answer 2

按照@Omar 的建议，我必须添加一个 trigger() 方法来打开面板。所以：$('#panel').panel('open').trigger();