Question

目前我正在使用侧面板，只需单击一个按钮，就可以看到它必须始终显示在页面上的位置。可能吗。并且当显示侧面板时，页面的某些部分不可见，因为它应该通过显示全部来调整到屏幕。

有人可以帮助我，谢谢。

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

Answer 1

根据jQuery移动文档：

面板必须是jQuery Mobile页面内的页眉，内容和页脚元素的兄弟。

此外，默认情况下隐藏面板，但您可以在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>

<强> JS：

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

这是demo。

如何在jquery mobile页面上使侧面板静态化

1 个答案: