JQM/openlayers与三星Android设备的导航栏选择

我有一个jquery-mobile/phonegap应用程序，它使用openlayers进行映射。在使用地图的页面上，请参阅下图，选择页脚菜单时遇到问题。JQM/openlayers与三星Android设备的导航栏选择

Page with map

如果，例如，我选择主页，应用程序将导航捕捉。这只发生在显示地图的页面上。我在openlayers中使用map.render函数，因为地图在多个屏幕之间共享。如果我删除渲染功能，则菜单按预期工作。

我添加了点击功能来查看有问题的点击的x位置，并注意到x位置反映了导航到的页面菜单的位置而不是点击的菜单。

的菜单如下：

<div class="menu" data-role="footer" data-position="fixed"> 
    <div data-role="navbar"> 
     <ul> 
     <li> 
      <a href="index.html" 
      class="home-button" 
      data-icon="custom">Home</a> 
     </li> 
     <li> 
      <a href="map.html" 
      class="map-button ui-btn-active" 
      data-icon="custom">Map</a> 
     </li> 
     <li> 
      <a href="capture.html" 
      class="capture-button" 
      data-icon="custom">Capture</a> 
     </li> 
     <li> 
      <a href="download.html" 
      class="download-button" 
      data-icon="custom">Download</a> 
     </li> 
     </ul> 
    </div>

如果我删除数据角色=“页脚”除导航栏菜单按预期工作。

注意：这已经在仅使用android 2.3.5的三星设备上转载。我使用的是Android 2.3.6,4 +以及我们测试过的所有其他型号的三星设备。

使用：的OpenLayers 1.12 jQuery的手机：1.2.0（也试过1.3.0）

来源

2013-02-26 gmh04

设置页脚的z-index的解决了这个问题：

.ui-footer { 
    z-index: 10000; 
}

来源

2013-02-26 17:55:49 gmh04

JQM/openlayers与三星Android设备的导航栏选择

回答

相关问题