选择一个href="#"打开父母李

Select a tag with href="#" and unwrap parent li

本文关键字:quot 父母 href 一个 选择      更新时间:2023-09-26

我有navgoco安装在一个网站我正在开发。我是jQuery的新手。Navgoco在为侧菜单创建无序列表上的一些切换器方面做得很好。

问题就在这里。Navgoco使每个父项都成为一个切换项。因此,即使一个toggle有一个非哈希(#)的链接,并且不可能作为toggle工作,它仍然会关闭它的子项目。

我很好奇我是否可以从子项目中打开父项目。类似这样的东西(除了这对我不起作用)。这将检测到不去任何地方的url(带有散列的url),并打开父li,这样它就不会被做成切换菜单。

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

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

[图标]菜单项

其中:before(图标)将是菜单项下方打开列表的切换链接,并且菜单项本身可以链接到页面。

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

也许我需要navgoco以外的解决方案。任何想法吗?

您可以使用jQuery UI Accordion和一点$ jQuery用法来实现此目的。这也可以帮助您添加更多的工具图标/按钮的标题上其他功能,如果需要的话。如果你感兴趣的话,这里有一个你想要的样品:

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

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

https://jqueryui.com/accordion/