在div中導航jQuery Mobile嵌套列表視圖

我試圖把一個嵌套列表放到一個div元素的頁面上，它工作正常，直到我點擊了一些具有後代元素的項目 - 在本例中是嵌套列表重畫整個頁面以顯示孩子。在div中導航jQuery Mobile嵌套列表視圖

我發現的所有例子都顯示相同的行爲。例如，jQuery Mobile演示頁面：http://demos.jquerymobile.com/1.4.5/listview-nested-lists/

是否有任何方式顯示和導航嵌套設置元素而不替換頁面？

您可以使用可摺疊的方式展開有孩子的節點。 – ezanker 2014-12-04 14:31:09

是的，我知道。但是，任務只是使用嵌套的listview。我可能可以僅使用列表和轉換來做出相同的行爲，但這需要很長時間。我希望有人有一個解決方法，使嵌套列表視圖在一個容器內打開它的子項。 – 2014-12-04 14:37:51

我不知道你想實現什麼，但你可以滑動起來，並單擊將其向下滑動，使用（下一個）

$(".hide").next().slideUp('fast'); 
$(".hide").click(function(e) { 
$(this).next().slideToggle('fast'); 
})

演示

2014-12-04 15:50:05 Tasos

謝謝，但這個解決方案不適合我的需求。它看起來像一個'手風琴'，但我需要一些東西，看起來像我的問題鏈接上的例子（如果有孩子，右邊的箭頭列表），當你點擊/點擊時，它向左滑動，而後代菜單從右側顯示。 – 2014-12-04 21:30:49

你的意思是這樣的 - http://jsfiddle.net/chd3kezh/ – Tasos 2014-12-04 22:36:31

是的，這個解決方案更接近我所期待的。我需要以這種方式瀏覽樹：從列表中選擇一個節點並單擊它，然後查看下一個節點列表。如果某些節點有孩子，則顯示一個箭頭以使其可以更深入。 – 2014-12-05 07:25:55

回答