关键词：
【中文标题】在 div 中导航 jQuery Mobile 嵌套列表视图【英文标题】：Navigate jQuery Mobile nested listview within a div 【发布时间】：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');
)
演示
http://jsfiddle.net/2u020dqa/
【讨论】：
谢谢，但这个解决方案不符合我的需要。它看起来像一个“手风琴”，但我需要一些东西，看起来像我问题中链接上的示例（如果有孩子，则右侧带有箭头的列表），当您点击/单击它时，它会向左滑动，子菜单从右侧显示。 是的，这个解决方案更接近我正在寻找的。我需要以这种方式导航一棵树：从列表中选择一个节点并单击它，然后查看下一个节点列表。如果某些节点有子节点，请显示一个箭头以使其更深。 没问题。当您单击一个项目时，克隆整个列表，然后添加一个带有数据的新列表。当您返回时附加克隆列表。基本演示。试试“英菲尼迪，G37”jsfiddle.net/z5sa9z5g在页面之间导航后如何在jquery mobile中停止重复数据
】在页面之间导航后如何在jquerymobile中停止重复数据【英文标题】：Howtostopduplicatedatainjquerymobileafternavigationgbetweenpages【发布时间】：2016-08-1811:28:40【问题描述】：我正在jQueryMobile中创建一个聊天应用程序。问题是当您在页面之... 查看详情
如何控制在导航栏中显示的jquery mobile中的url
】如何控制在导航栏中显示的jquerymobile中的url【英文标题】：Howtocontrolurlinjquerymobilewhichdisplayedinnavigatorbar【发布时间】：2017-06-2115:12:18【问题描述】：我正在开发一个只能在一个静态url下工作的jQueryMobile应用程序，它可能会调用... 查看详情
如何在导航栏 Mobile Jquery 中删除行分隔符
】如何在导航栏MobileJquery中删除行分隔符【英文标题】：HowtoremovelineseparatorinnavbarMobileJquery【发布时间】：2013-07-0210:23:56【问题描述】：我正在使用phonegap开发一个ios应用程序。我想在我的应用程序中包含一个标签栏。为此，我... 查看详情
在 jQuery Mobile 中垂直居中 DIV 的内容
】在jQueryMobile中垂直居中DIV的内容【英文标题】：VerticallycentrethecontentsofaDIVinjQueryMobile【发布时间】：2012-04-0516:55:43【问题描述】：我正在尝试在中间垂直对齐jQuery网格块的内容，以便它与同一行中的其他元素对齐。<divclass="ui... 查看详情
在 IBM Worklight 中使用 jQuery Mobile Framework 的多页导航问题 [重复]
】在IBMWorklight中使用jQueryMobileFramework的多页导航问题[重复]【英文标题】：Issuewithmulti-pagenavigationusingjQueryMobileFrameworkinIBMWorklight[duplicate]【发布时间】：2014-07-3112:47:49【问题描述】：我正在使用jQueryMobile框架在IBMWorklightV6.2中开发... 查看详情
如何在 div 容器中使用 jquery mobile 并防止此 div 之外的样式效果？
】如何在div容器中使用jquerymobile并防止此div之外的样式效果？【英文标题】：howcaniusejquerymobileinadivcontainerandpreventthestyleeffectsoutsidethisdiv?【发布时间】：2012-09-1900:31:59【问题描述】：目前我有带有data-role=\'page\'的div容器和一些带... 查看详情
jQuery Mobile 导航栏中每行超过 5 个项目
】jQueryMobile导航栏中每行超过5个项目【英文标题】：Morethan5itemsperlineinjQueryMobilenavbar【发布时间】：2011-05-2811:34:10【问题描述】：我没有成功地寻找一个变量来更改导航栏中单行中的最大项目数。我刚开始使用jQueryMobile，试图创... 查看详情
用于 hashbang 导航的 jQuery Mobile 和“查询参数”
】用于hashbang导航的jQueryMobile和“查询参数”【英文标题】：jQueryMobileand"queryparameters"forhashbangnavigation【发布时间】：2011-10-0113:37:45【问题描述】：我正在使用jQueryMobile，并且在一个HTML页面中只有几页。打开这些页面时，... 查看详情
jQuery mobile - 页面容器从 DOM 中消失
...以将标记添加到我的DOM，但之后我面临的问题是，一旦我导航到#page2，整个#page1-div就会从DOM中消失，因此我无法返回（请参阅下面的屏幕截图）。点击“ 查看详情
jquery mobile - 将内容加载到div中
】jquerymobile-将内容加载到div中【英文标题】：jquerymobile-loadingcontentintoadiv【发布时间】：2011-09-1400:01:35【问题描述】：JqueryMobile通过“劫持”页面并加载内容并将其注入页面来工作。当我尝试将其他内容注入页面时，这似乎会产... 查看详情
jquery mobile中的导航栏图标问题
】jquerymobile中的导航栏图标问题【英文标题】：IssuewithNavbariconinjquerymobile【发布时间】：2014-08-2600:40:26【问题描述】：我需要为我的导航栏添加图标，所以我从以下链接下载了图标，http://www.glyphish.com/，我已经下载了免费图标。... 查看详情
jQuery Mobile 面板导航冻结/挂起
】jQueryMobile面板导航冻结/挂起【英文标题】：jQueryMobilePanelNavigationfreezing/hanging【发布时间】：2016-10-2804:41:03【问题描述】：我遇到了一些我无法在网络上找到相关文档的问题。问题是导航菜单有时会在浏览页面后自行挂起。它... 查看详情
无法将谷歌静态地图加载到jquery mobile中的div中
】无法将谷歌静态地图加载到jquerymobile中的div中【英文标题】：unabletoloadgooglestaticmapintodivinjquerymobile【发布时间】：2014-02-0722:12:27【问题描述】：我正在尝试将谷歌静态地图图像加载到JQM中的div中在萤火虫中，我可以看到图像正... 查看详情
使用jquery mobile时如何处理手机中的表单导航后退按钮
】使用jquerymobile时如何处理手机中的表单导航后退按钮【英文标题】：Howtohandleformnavigationbackbuttoninmobilewhenusingjquerymobile【发布时间】：2016-12-0423:02:26【问题描述】：我是使用jQuery-Mobile进行移动开发的新手。我有三个不同的JSP页... 查看详情
Jquery Mobile Footer NavBar 水平滚动
...:32【问题描述】：我在JQueryMobile的页脚定义中为div使用“导航栏”数据角色。当我添加超过5个项目时，它会将菜单项分为两列。这是根据JQM文档的默认行为。我希望通过在页脚区域内向左或向右滑动来滚动图标。<divdata-ro 查看详情
jQuery Mobile：在虚拟页面内滑动 div
】jQueryMobile：在虚拟页面内滑动div【英文标题】：jQueryMobile:Swipedivinsidevirtualpage【发布时间】：2013-08-1203:36:17【问题描述】：我有jquery移动项目。我的要求是在虚拟页面内滑动div。<divdata-role="page"id="individual"><divdata-theme="a"d... 查看详情
对齐jQuery Mobile导航栏左右角的图标
】对齐jQueryMobile导航栏左右角的图标【英文标题】：AligniconsatleftandRightcornerofnavbarofjQueryMobile【发布时间】：2018-07-0813:04:56【问题描述】：我正在使用以下代码将导航栏添加到我的移动网站。在这里，我在导航栏的左侧有两个图... 查看详情
如何在 jQuery Mobile 中更改页面？ [复制]
】如何在jQueryMobile中更改页面？[复制]【英文标题】：HowtochangepagesinjQueryMobile?[duplicate]【发布时间】：2017-08-3117:59:57【问题描述】：我的代码是这样的：<divdata-role="page"id="LoginPage"><divdata-role="header"></div><divdata-role="... 查看详情