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頁面，一樣會有更少的沖突。