如何實現二級導航欄使用jQuery移動

我想實現使用jQuery Mobile的側邊欄裏面兩個級別的導航。如何實現二級導航欄使用jQuery移動

通過解釋什麼，我想實現的手段，認爲我有3個類別的鏈接，（例如）在每個類別3個環節

1類 - 鏈接1 - 鏈接2 - 連接3

類別2 - 鏈路1 - 鏈路2 - 鏈路3

類別3 - 鏈路1 - 鏈接2 - 連接3

，並想好歹避免用戶必須瀏覽下來兩個環節，試圖讓任何一個頁面。

我試着使用路由的幾個途徑;

使用數據角色=「可摺疊」，企圖創造側邊欄中的各個類別，其中的任何一個用戶可能會擴大到第二級鏈接
上點擊使用一系列的頭的選擇下拉列表（每個類別）和JavaScript火換頁上選擇任意的選擇的

的問題是，雖然這兩種方法很好的工作在一個「主要內容」頁面中使用時，如就在我將它們放入內容輔助容器中時，也沒有他們的工作（可摺疊的內容總是擴大，並且JavaScript似乎並沒有火）

任何人都可以建議要麼（一）上述問題的解決方案，或（b）皮膚的替代方法這隻貓？

編輯：你可以看到我先前的職位試圖理清在二級塊內的collpasible問題; Is it possible to have collapsible content inside a secondary div class with JQuery Mobile?

而在http://jsfiddle.net/vinomarky/xfcdF/與示例代碼的jsfiddle，雖然小提琴似乎並不與二次div的工作，因此，如果您展開窗口

來源

2012-04-18 vinomarky

你能展示一些代碼嗎？在一個普通的''div data-role =「collapsible-set」>內的每個類別都應該是一個好的解決方案，但確保data-collapsed =「false」 '只在您想要擴展的類別上設置。 – 2012-04-18 09:42:11

謝謝 - 我已經編輯了原文，添加了一些屏幕截圖的鏈接來說明問題以及示例小提琴代碼。我同意你在輔助頁面內的可摺疊的div應該是一個很好的解決方案，但它不工作.....不知道爲什麼，只是沒有。我可以將相同的代碼複製/粘貼到一個主塊中，並且它可以正常工作，但不在輔助內部 - 我在上面添加的第一個鏈接顯示了屏幕抓圖，展示了擴展屏幕寬度時發生的情況，並且輔助div從底部該頁面的側邊欄 - 注意崩潰能力消失 – vinomarky 2012-04-18 10:59:45

請參閱您以前我的建議將不會呈現邊欄中正確線。做你想做的事;

包括您所使用的JS提琴定義次要內容樣式表撥弄
刪除透露塌陷的內容
部分刪除隱藏可摺疊頭部分

通過： JSFiddle （請勿僞造一些CSS中的變化 - 它來自我自己的項目

來源

2012-04-18 12:07:58 AssidiousBlue

真棒....不要假裝理解這一切 - 我將不得不坐下來消化它，但你的小提琴正是我所需要的，所以答案是你的！ Thx非常 – vinomarky 2012-04-18 12:22:43

如何實現二級導航欄使用jQuery移動

回答

相關問題