时间戳

首页 > 解决方案 > Oracle APEX 侧边导航菜单——扩展子导航菜单项

apex - Oracle APEX 侧边导航菜单——扩展子导航菜单项

问题描述

我有一个导航菜单项（导航项 1），它下面有三个子项。没有页面直接与导航项 1 相关联。要展开它，您必须单击向下克拉。但是，有没有办法让用户只需单击整个导航菜单按钮上的任意位置，而不是只单击克拉？见下文：

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

有人知道怎么做这个吗？

标签： apexoracle-apex-5oracle-apex-5.1

解决方案

Max 在这篇博文中提供了解决方案：https ://askmax.blog/2016/01/27/accordion-like-navigation-menu/

基本上，您需要通过使用少量 JavaScript 代码单击顶部列表项来调用 click() 函数。

引用 Max 答案：

如果您将目标类型设置为 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();
});

推荐阅读