隱藏和顯示與jQuery Mobile動態生成的列表視圖

我們正在構建一個與Phonegap一起使用的jQuery Mobile應用程序。通過解析XML文檔並從中創建多個列表視圖來生成列表中的內容。隱藏和顯示與jQuery Mobile動態生成的列表視圖

這些listviews中的每一個都用於不同的日期範圍I.E. 2013年5月1日至2013年6月1日的Div＃0，2013年6月2日至2013年7月1日的Div＃1。

列表視圖生成正常，但發生的問題是一旦生成它，隱藏然後用jQuery內置的隱藏功能再次顯示它們。

在頁面上有4個格在他們的列表視圖，＃列表0到＃list4

不管我怎麼努力（在JavaScript控制檯或本地代碼），我不能讓他們一次展示隱藏，或者因爲它們現在與他們都可見我不能讓他們隱藏。

如果你直接進入頁面，而不是通過jQuery Mobile的內置導航系統，那麼隱藏和顯示工作正常。所以我認爲它顯然與他們的導航系統有關，但我沒有試過或看過的東西似乎有任何解釋或額外的信息。

如果您有任何建議，我很樂意聽到他們！我已經擺弄了幾個小時，卻沒有找到。

只需點擊出發灣看到，有生成內容的網頁。

版本：

2013-03-26 Nowned

我使用.css jQuery API和列表隱藏/顯示對我來說就像一個魅力。 – 2013-03-26 03:00:44

您是否在動態加載內容？或只是靜態內容？ – Nowned 2013-03-26 03:29:49

我剛剛在你分享的dev鏈接上使用了firebug控制檯。 – 2013-03-26 03:37:08

OK，我想我明白了這裏的問題是，當你從馬蹄灣到出發灣時，你有兩個具有相同ID的div。所以爲了隱藏/顯示，首先你需要參考活動頁面。以下是代碼，我希望這對你有用。

$("div.ui-page-active").find('#list1').css('display','none');

2013-03-26 03:52:07

就像一個魅力！非常感謝！ – Nowned 2013-03-26 04:05:12

回答