Javascript JQuery移动ui覆盖隐藏元素

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

问题是：当用户点击第1页listview中的某个元素时，第2页可以正常加载，但是当用户点击“后退”按钮时，第1页无法正确显示

我最初认为这些行没有被填充，但是我没有发现它们被JQuery Mobile CSS隐藏：（从JQuery Mobile 1.4.2.CSS的第946行开始，可以在这里找到：）

遇到问题的页面： 呈现菜单行的JavaScript：

我注意到，如果注释掉

背景色

，则会出现行（但会出现其他视觉错误），但它们似乎位于页面的较低层

你知道是什么导致了这个分层问题吗

---

谢谢。

我认为这是详细信息页面上的“后退”按钮的问题

后退按钮代码最初是：

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

但是，我相信

href

和

数据rel

是冲突的。我删除了

数据rel

，保留了

href

，页面分层的问题消失了

故事的寓意：如果您知道要返回到哪个页面（并且不依赖于浏览器的历史记录），最好是

href

到该页面，因为冲突会减少

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