Javascript 如何在jquery mobile中使页面上的侧面板保持静态

目前，我使用的侧板，在点击一个按钮，只有它得到可见的地方，因为它必须显示在页面上的所有时间。有可能吗。而且，当显示侧面板时，页面的某些部分不可见，因为它应该通过显示全部来调整到屏幕

有人能帮我吗？谢谢

<div data-role="page" id="pageone" class="type-interior">
    <div data-role="content" style="padding:0em;">

        <a href="#nav-panel" data-icon="bars" data-iconpos="notext">Menu</a>

        <div class="content-primary">
//here page content was there
</div>
<div data-role="panel" data-position="left" data-position-fixed="true" data-display="reveal" id="nav-panel" data-theme="a">
</div>
</div>

---

根据jQuery移动文档：

面板必须是jQuery移动页面中页眉、内容和页脚元素的同级

此外，默认情况下面板是隐藏的，但您可以在pagecreate事件中打开它：

HTML:

---

这是问题的答案。

如果您包含了正在编写的代码，您会得到更多帮助。我已编辑了问题

<div data-role="page" id="pageone" class="type-interior">
    <div class="ui-content" style="padding:0em;">
        <a href="#nav-panel" data-icon="bars" data-iconpos="notext">Menu</a>

        <div class="content-primary">
            //here page content was there
        </div>
    </div>

    <div data-role="panel" data-position="left" data-dismissible="false" id="nav-panel" data-theme="a">
        <p>Test</p>
    </div>
</div>

$(document).on('pagecreate', function() {
    $("#nav-panel").panel("open");
});