代码之家 › 专栏 › 技术社区 › craigmoliver

在超级jquery菜单中显示所有子级

superfish css html jquery

3

craigmoliver · 技术社区 · 17 年前

我使用的是超级jquery菜单系统,需要显示所有的孩子,不管级别如何。菜单仅显示所选项目的子项。也许有人可以帮助我理解如何修改代码以使其以这种方式工作。

节点的HTML示例:

<li class="root"><a href="#" title="Training" class="root">Training</a>
  <ul>
    <li class="sub"><a href="#" title="Workshops - Classroom" class="sub">Workshops - Classroom</a>
      <ul>
        <li class="sub"><a href="#" title="Business Analytics" class="sub">Business Analytics</a></li>
        <li class="sub"><a href="#" title="Software Applications" class="sub">Software Applications</a></li>
        <li class="sub"><a href="#" title="Selling Skills" class="sub">Selling Skills</a></li>
        <li class="sub"><a href="#" title="Wal-Mart Focused" class="sub">Wal-Mart Focused</a></li>
      </ul>
    </li>
    <li class="sub"><a href="#" title="Public Workshop Schedule &amp; Registration Form" class="sub">Public Workshop Schedule &amp; Registration Form</a></li>
    <li class="sub"><a href="#" title="Webinars" class="sub">Webinars</a></li>
  </ul>
</li>

现在的样子:

它需要的外观:

1 回复 | 直到 16 年前

1

0

ylebre 17 年前

您可以尝试使用CSS使子项始终可见。悬停时,当前项将获取类“sfhover”。

也许你可以向你的网站添加一个CSS样式,如下所示:

li.sub.sfHover ul {
  display: block !important;
  visibility: visible !important;
}

我不太确定CSS选择器是否只适用于子项,但我希望这能让您顺利完成任务。