Oracle APEX侧面导航菜单-展开子导航菜单项

时间:2020-04-20 19:53:28

标签: apex oracle-apex-5 oracle-apex-5.1

我有一个导航菜单项(导航项1),其下有三个子项。没有页面直接与导航项目1绑定。要展开它,必须单击下克拉。但是,是否有一种方法可以使用户仅单击整个导航菜单按钮上的任意位置,而不是仅单击克拉?见下文:

Nav Item 1
   Sub item 1 
   Sub item 2 
   Sub item 3

有人知道该怎么做吗?

1 个答案:

答案 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();
});