2011-05-25 37 views
2

我有一個問題,我無法明確認爲是一個導航問題或內容問題動態顯示。首先,我使用一個單獨的html頁面,其中包含多個頁面,其中每頁有兩個導航欄:頁眉和頁腳。jQuery Mobile的導航,休息CSS

第一頁顯示的內容是動態取自後端的php作爲JSON對象使用getJSON()。使用這些可摺疊項目的html()函數將內容顯示爲三個可摺疊項目的子項。內容分別孩子可摺疊項目的標籤填充H1和兩個名單。

我的上部導航條有三個條目(page1,page2,page3)。當我從第1頁第2頁導航,然後單擊從第2頁第1頁入境,一切正常,,我得到第1頁在我第一次離開它。

下導航欄是glyphish菜單有三個頁面以及(page_a,page_b,page_c)問題當我去page_c第1頁,然後我點擊第1頁鏈接即可返回發生(甚至當我使用JQM默認的「返回」按鈕),第1頁的CSS符顯示既不頭導航欄,也不是第一可收縮,而是合併第一可摺疊H1的與所述第二可塌縮的內容混淆性的內容。

我使用列表視圖()刷新列表視圖,一次填充它們動態(每次調用pageshow後())。

我有不同的嘗試()在消失的溼陷性項目解決了其中的一個是使用網頁的問題,但沒有奏效。

它一提的是,我直接做我的開發設備上是很有用的黑莓9700(如果它打破了!)在它的WebKit瀏覽器;但是,該功能在桌面瀏覽器Firefox 4,Chrome和它的擴展Ripple上運行良好。

如果任何人有過這樣的問題,並設法解決它,我將不勝感激的洞察力/分辨率。

乾杯。


[編輯] CPAK提供的鏈接之後,我添加了下面的CSS規則,以我的自定義的CSS文件,並設法解決這個問題。

.ui-mobile [data-role=page], .ui-mobile [data-role=dialog], .ui-page { height:0; overflow:hidden}

.ui-mobile .ui-page-active { display: block; overflow: visible; height:auto; min-height:100%;}

然後,我刪除了上述規則一起,最近使用的內置JQM在默認情況下解決問題。對於任何人在那裏,我是用v1.0a4.1當我遇到這個問題,但似乎固定在最新版本JQM 的(日期爲5月24日)

+0

你如何使用列表視圖離開崗位,爲社會決定=)()功能?代碼會很好。你試過這個嗎? $(元素).listview( '刷新'); – 2011-05-25 12:50:02

+0

Phill,請參閱上面的[編輯] – nawar 2011-05-25 15:07:16

回答