在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

回答