0

我想使用 JQuery Mobile 在侧边栏中实现两级导航。

通过解释我想要实现的目标,考虑我有 3 个类别链接,并且(例如)每个类别中有 3 个链接

类别 1 - 链接 1 - 链接 2 - 链接 3

类别 2 - 链接 1 - 链接 2 - 链接 3

类别 3 - 链接 1 - 链接 2 - 链接 3

并且希望以某种方式避免让用户必须浏览两个链接才能尝试访问任何一个页面。

我已经尝试了一些使用该路线的途径;

  1. 使用 data-role="collapsible",试图为侧边栏中的每个类别创建标题,用户可以展开其中的任何一个以单击二级链接

  2. 使用一系列选择下拉菜单(针对每个类别)和 javascript 在选择任何选项时触发页面更改

问题是,虽然这两种方法在“主要内容”页面中使用时都能很好地工作,但只要我将它们放在内容辅助容器中,它们都不起作用(可折叠的内容总是展开,并且 javascript 似乎没有开火)

任何人都可以建议(a)我遇到的上述问题的解决方案,或(b)给这只猫剥皮的替代方法吗?

编辑:你可以看到我之前的帖子试图解决二级块内的可折叠问题; 是否可以使用 JQuery Mobile 在辅助 div 类中包含可折叠的内容?

还有一个带有示例代码的 JSFiddle,位于http://jsfiddle.net/vinomarky/xfcdF/,尽管 Fiddle 似乎不适用于辅助 div,因此即使您展开窗口,它也不会正确呈现侧边栏

4

1 回答 1

1

请参阅我在您之前的帖子中的建议。做你似乎想做的事;

  1. 包括您用来在 JS fiddle to fiddle 中定义次要内容的样式表
  2. 删除显示折叠内容的部分
  3. 删除隐藏可折叠标题的部分

通过: JSFiddle (请伪造 CSS 中的一些更改 - 它来自我自己的项目

于 2012-04-18T12:07:58.413 回答