在 div 中导航 jQuery Mobile 嵌套列表视图答案

【问题标题】：Navigate jQuery Mobile nested listview within a div在 div 中导航 jQuery Mobile 嵌套列表视图
【发布时间】：2015-02-02 04:14:57
【问题描述】：

我正在尝试将页面上的嵌套列表放入 div 元素中，它工作正常，直到我单击一些具有后代元素的项目 - 在这种情况下，嵌套列表重绘整个页面以显示子项.

我找到的所有示例都显示相同的行为。例如，jQuery Mobile Demos 页面：http://demos.jquerymobile.com/1.4.5/listview-nested-lists/

有没有什么方法可以在不替换页面的情况下显示和导航嵌套的 set 元素？

【问题讨论】：

【解决方案1】：

我不确定您到底想达到什么目的，但您可以向上滑动它们并单击以使用 (next) 向下滑动它们

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

演示

【讨论】：

谢谢，但这个解决方案不符合我的需要。它看起来像一个“手风琴”，但我需要一些东西，看起来像我问题中链接上的示例（如果有孩子，则右侧带有箭头的列表），当您点击/单击它时，它会向左滑动，子菜单从右侧显示。
是的，这个解决方案更接近我正在寻找的。我需要以这种方式导航一棵树：从列表中选择一个节点并单击它，然后查看下一个节点列表。如果某些节点有子节点，请显示一个箭头以使其更深。
没问题。当您单击一个项目时，克隆整个列表，然后添加一个带有数据的新列表。当您返回时附加克隆列表。基本演示。试试“英菲尼迪，G37”jsfiddle.net/z5sa9z5g