选择带有href =“#”的标签并解开父li

时间:2016-10-26 12:30:41

标签: javascript jquery css

我正在开发的网站上安装navgoco。我是jQuery的新手。 Navgoco非常适合在侧面菜单的无序列表上创建一些切换。

这是问题所在。 Navgoco将每个父项都设置为切换。因此,即使切换具有除散列(#)之外的链接并且不可能用作切换,它仍然会关闭其子项。

我很好奇我是否可以从子项中解包父项。这样的事情(除了这对我不起作用)。这将检测不到任何地方的网址(带有哈希的网址)并解包父网页,以便它不会进入切换菜单。

$("ul > li > a[href='#']").parent().unwrap();

此外,我想分开链接和切换。所以a标签可以转到页面链接,但切换到其他地方。像这样:

[icon]菜单项目

其中:before(icon)将是一个切换链接,在菜单项下方打开lis,菜单项本身可以链接到页面。

看看他们如何处理页面左侧的菜单? http://sevenspark.com/docs/shiftnav-setup

也许我需要除navgoco之外的解决方案。有什么想法吗?

1 个答案:

答案 0 :(得分:1)

您可以使用jQuery UI Accordion和一些$ jquery用法来实现此目的。如果需要,这还可以帮助您在标题上添加更多工具图标/按钮以用于其他功能。以下是您感兴趣的示例:

http://codepen.io/Nasir_T/pen/mAgmJR

你还可以做更多的事情来定制它的行为和设计。

https://jqueryui.com/accordion/

希望这有帮助。