Question

我正在开发一个jQuery Mobile应用程序，而且我在面板样式方面遇到了麻烦：

我有一个导航列表，从左边出现。我将数据显示设置为默认值（数据显示=＆＃34;显示＆＃34;），但列表似乎悬停在正文上。这样，身体的阴影不会应用于此左侧菜单的列表：

http://demos.jquerymobile.com/1.3.0/docs/examples/panels/panel-styling.html#demo-page

<!-- RIGHT -->
<div data-role="panel" id="right-panel" data-display="reveal" data-position="right">
    <ul data-role="listview" data-icon="false" data-theme="c">
        <li><a href="#" data-icon="home">Home Right</a></li>
        <li><a href="#" data-icon="star">Buttons Right</a></li>
        <li><a href="#">Facebook Right</a></li>
        <li><a href="#">Mail Right</a></li>
        <li data-icon="delete"><a href="#" data-rel="close">Close Right</a></li>
    </ul>
</div><!-- /panel -->


<div class="header" data-role="header" data-position="inline" data-theme="c">

    <h1>Lorem Ipsum</h1>

    <a href="#right-panel" data-icon="grid" class="header-menu"></a>

</div>

我尝试将z-index设置为较低，但随后菜单完全消失。

这是阴影的屏幕截图，它不在菜单上。

http://i.imgur.com/Md5jmJJ.jpg

亲切的问候，

乔治：）

Answer 1

您提供的演示页面指定了数据显示的另一个值：data-display="overlay"

在这里看到一个jsFiddle：http://jsfiddle.net/xt3MM/2/

JQuery Mobile Panel样式：data-display =“揭示”无法正常工作

1 个答案: