jQuery嵌套ul导航菜单,手风琴还是树形菜单?

时间:2012-07-09 23:18:23

标签: jquery navigation nested accordion jstree

我不确定实现侧面导航菜单的最佳选择,该菜单最多有4个嵌套UL。我遇到的最大问题是需要扩展以显示子元素的一些标题也链接到单个页面。

我认为最好的方法是默认情况下不链接到该单个页面,而是在其旁边有一个链接到该页面的图标。我在这里遇到的问题是手风琴在导航和选择活动项目时似乎不喜欢这样。

我已经对jQuery Tree导航菜单进行了一些研究,但我不确定:
1)他们是如何定制的,
2)我可以有标题显示孩子,并以某种方式去个人页面。

这对我来说最好的选择是什么?哦,解决方案只需要基于HTML / CSS / jQuery,谢谢。

HTML(减少,总共大约有100个链接):

<ul class="menu">
  <li class="menu_level_1"><a href="/" >Home</a></li>
  <li class="menu_level_1"><a href="/link2" >Link 2</a></li>
  <li class="menu_level_1">
     <a href="#" >Link 3</a>
     <ul class="sub_menu_2">
        <li class="menu_level_2"><a href="/link4" >Link 4</a></li>
        <li class="menu_level_2"><a href="/link5" >Link 5</a></li>
        <li class="menu_level_2">
          <a href="#" >Link 6</a>
          <a href="/link6" >Go to Link 6</a>
          <ul class="sub_menu_3">
            <li class="menu_level_3"><a href="/link7" >Link 7</a></li>
          </ul>
        </li>
     </ul>
  </li>
</ul>

1 个答案:

答案 0 :(得分:0)

对浮动内容中的超大内容使用float/drop响应来创建菜单,为包含子菜单和指向各个页面的链接的标题添加额外的li。以下是一些参考文献: