jquery mobile 1.1 rc1 - 固定工具栏中的href不起作用

Question

看起来 ul 列表的 z-index 覆盖覆盖了固定的页眉和页脚，因此如果滚动一个长列表，它不会正确地将自身定位在页脚和页眉下，从而使包含的 href 链接无法点击...

       <div data-role="page" id="two" data-fullscreen="true">

        <div data-role="header" data-position="fixed">
         <h1>Whats in my juice?</h1>

          </div><!-- /header -->

        <div data-role="content">   
           <ul data-role="listview" data-theme="b" id="ingredients" data-split-icon="delete"></ul>
        </div><!-- /content -->

        <div data-role="footer" data-position="fixed">


<div data-role="navbar">
    <ul>
        <li><a id="clear" data-icon="delete" class="ui-btn-left">Clear</a> </li>
        <li><a><span class="counta">0 Items</span></a></li>
        <li><a href="#save" data-icon="arrow-r" class="ui-btn-right" id="build-save">Next</a></li>
    </ul>
</div><!-- /navbar -->

        </div><!-- /footer -->

    </div><!-- /page -->

在上面的例子中，ul 列表项是动态生成的。

<meta name="viewport" content="width=device-width, initial-scale=1"> 

包含在标题中。有什么想法吗？

Answer 1

一个有效的版本在这里工作：http://jsfiddle.net/shanabus/Eam2y/

正如您所提到的，我在ul 上没有看到 z-index 有任何问题。您使用li 项目填充列表的方式可能是一些错误吗？发布该代码可能会有所帮助，否则请在调试器中检查并验证：

1. 有效的 HTML 正在添加到动态生成的列表项中
2. 您正在调用刷新列表：$('#mylist').listview();

文档：http://jquerymobile.com/test/docs/lists/docs-lists.html

Answer 2

如果您使用的是 Android 设备，这也可能是 Android 中的错误。我在叠加元素时遇到了类似的问题。

Answer 3

部分修复：添加

.ui-selectmenu { z-index: 1100 !important; } 

根据您的风格，解决按钮重叠问题。