2012-03-17 74 views
1

看起来像ul-list的z-index覆盖重叠固定的页眉和页脚,因此如果滚动的长列表不能正确定位页脚和页眉,制作包含HREF链接无法点击...jquery mobile 1.1 rc1 - 固定工具栏不工作时的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"> 

包含在标题中。有任何想法吗?

回答

0

部分修复:补充

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

你的风格,解决按钮重叠。

0

,如果你使用的是Android设备,这可能是在Android中的一个bug,太。我有一个与叠加元素相似的iisue。

+0

是的,它是一个Android设备......,部分解决了这个问题,增加了.ui-selectmenu {z-index:1100!important; },以防止重叠。这个问题只出现在deplyed到设备,而不是模拟器 – user1092194 2012-03-18 08:21:54

+0

这里是Android的bug http://code.google.com/p/android/issues/detail?id=6721我也通过禁用按钮的背景 – frequent 2012-03-18 09:27:22