选择一个href="#"打开父母李
Select a tag with href="#" and unwrap parent li
我有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用法来实现此目的。这也可以帮助您添加更多的工具图标/按钮的标题上其他功能,如果需要的话。如果你感兴趣的话,这里有一个你想要的样品:
你还可以做更多的事情来定制它的行为和设计。
https://jqueryui.com/accordion/相关文章:
- 铬:“;未捕获的语法错误:意外的标记:"
- 可以设置“;文件名"发生错误时显示的内联脚本标记的
- JS表单提交"无法使用Chrome数据保护程序加载此页面.尝试重新加载页面.调试信息:POST CISmtuK
- 检测电话窃听,即:<a href="电话:xxx">在UIWebview上
- 使用“+="操作人员
- //而不是在src=“”上使用http://"属性
- "未捕获的语法错误:意外的标记}"
- 可以<脚本类型=“;text/javascript”>window.location=“/"</
- "实例范围”;TypeScript类的getter/setter
- Javascript复选框函数:;缺少:在属性id之后"
- "“;变量未引用正确的对象
- "日期“;AJAX请求返回的类型值未定义
- 得到"TypeError:无法读取属性'filename'未定义的“;调用“npm start
- Soundcloud api"未捕获的类型错误:无法读取属性'uri'“未定义”;
- "工具提示"jQuery插件坏了
- "锻造;React中的表达式
- 图像可以从源<img src=""/>.TEXT可以在没有javascript的情况下从外部
- 如何提取“;href"最近列表项中的属性值
- CKEditor如何允许href="javascript:void(0)"在小部件中
- 插入“;img src"在javascript中