我有一个导航菜单项(导航项1),其下有三个子项。没有页面直接与导航项目1绑定。要展开它,必须单击下克拉。但是,是否有一种方法可以使用户仅单击整个导航菜单按钮上的任意位置,而不是仅单击克拉?见下文:
Nav Item 1
Sub item 1
Sub item 2
Sub item 3
有人知道该怎么做吗?
答案 0 :(得分:1)
Max在此博客文章中提供了一种解决方案:https://askmax.blog/2016/01/27/accordion-like-navigation-menu/
基本上,您需要通过使用少量JavaScript代码单击顶部列表项来调用click()函数。
引用最大答案:
如果将目标类型设置为URL并将URL目标设置为URL,请使用此选项 #
$('#t_Body_nav #t_TreeNav li.a-TreeView-node--topLevel > div.a-TreeView-content:has(a[href="#"])').click(function(){ $(this).prev('span.a-TreeView-toggle').click(); });
如果您将目标类型设置为-无目标-
$('#t_Body_nav #t_TreeNav li.a-TreeView-node--topLevel > div.a-TreeView-content:not(:has(a))').click(function(){ $(this).prev('span.a-TreeView-toggle').click(); });