jQuery Mobile用户界面重叠隐藏元素

Question

我正在创建一个JQuery Mobile Web应用程序，并且遇到了一个有趣的问题。 我的Web应用程序从JSON数据动态填充列表视图。

问题：当用户在页面1的列表视图中点击某个元素时，页面2加载正常，但是，当用户点击“返回”按钮时，页面1不能正确显示。

我最初以为这些行没有被填充，但是我还没有弄清楚它们被JQuery Mobile CSS隐藏了：（从JQuery Mobile 1.4.2.css的946行开始，可以在这里找到： http：/ /jakeserver.com/Apps/BostonLandmarks/B7/css/jquery.mobile-1.4.2.css ）

/* Page and overlay */
.ui-overlay-a,
.ui-page-theme-a,
.ui-page-theme-a .ui-panel-wrapper {
    background-color:           #f9f9f9 /*{a-page-background-color}*/;
    border-color:           #bbb /*{a-page-border}*/;
    color:                  #333 /*{a-page-color}*/;
    text-shadow: 0 /*{a-page-shadow-x}*/ 1px /*{a-page-shadow-y}*/ 0 /*{a-page-shadow-radius}*/     #f3f3f3 /*{a-page-shadow-color}*/;
}

遇到问题的页面： http : //jakeserver.com/Apps/BostonLandmarks/B7/landmarks.html呈现菜单行的JavaScript： http : //jakeserver.com/Apps/BostonLandmarks/B7/js/landmarks.js

我已经注意到，如果将background-color注释掉，则会出现行（但是会发生其他视觉错误），但是，它们似乎位于页面的下层。

关于什么可能导致此分层问题的任何想法？

谢谢。

Answer 1

我相信这最终会成为详细信息页面上的后退按钮的问题。

后退按钮代码最初是：

<a href="#landmarks" data-transition="slide" data-direction="reverse" data-icon="arrow-l" data-rel="back" data-theme="a">Back</a>

但是，我相信href和data-rel存在冲突。 我删除了data-rel并保留了href和页面分层的问题。

这个故事的寓意：如果你知道去什么页面返回给（和不依赖于浏览器的历史记录），最好是href页面，一样会有更少的冲突。