Php 显示下拉子级（自动导航5）

我试图在Concrete5自动导航模板的第二层显示一个下拉菜单，但它似乎不起作用

• 导航项目
• 下拉菜单（工作）
  • 导航项目
  • 下拉菜单（不工作，关闭第一个下拉菜单）
• 导航项目

我使用以下代码：

    <?php defined('C5_EXECUTE') or die("Access Denied."); ?>
    <?php View::getInstance()->requireAsset('javascript', 'jquery');
    $navItems = $controller->getNavItems();
    foreach ($navItems as $ni) {
        $classes = array();

        if ($ni->isCurrent) {
            $classes[] = 'nav-selected'; }
        if ($ni->inPath) {
            $classes[] = 'nav-path-selected';}
        if ($ni->hasSubmenu) {
            $classes[] = 'dropdown-menu';}
    }

    echo '<ul class="nav navbar-nav navbar-right">';
    foreach ($navItems as $ni) {
        echo '<li class="' . $ni->classes . '">';
        if ($ni->isEnabled) {
            $ni->hasSubmenu;
        }
        if ($ni->hasSubmenu && $ni->level >= 2  ) {
            echo '<a href="#" class="dropdown-toggle dropdown-lvl2" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="true">' . $ni->name . '<span class="caret"></span></a>';
            } elseif ($ni->hasSubmenu){
                echo '<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="true">' . $ni->name . '<span class="caret"></span></a>'; //opens a dropdown sub-menu        
        } else {
            echo '<a href="' . $ni->url . '" target="' . $ni->target . '" class="' . $ni->classes . '">' . $ni->name . '</a>';
        }
        if ($ni->hasSubmenu && $ni->level >= 2  ) {
            echo '<ul class="dropdown-menu dropdown-menu-lvl2">'; 
            } elseif ($ni->hasSubmenu){
                echo '<ul class="dropdown-menu">'; 
        } else {
            echo '</li>'; //closes a nav item
            echo str_repeat('</ul></li>', $ni->subDepth); 
        }
    }
    echo '</ul>'; //closes the top-level menu

我找到了一种显示多级下拉菜单的方法。我添加了以下JavaScript：



（函数（$）{
$（文档）.ready（函数（）{
$（'ul.dropdown-menu[data toggle=dropdown]'）。打开（'click'，函数（事件）{
event.preventDefault（）；
event.stopPropagation（）；
$（this.parent（）.sides（）.removeClass（'open'）；
$（this.parent（）.toggleClass（'open'）；
});
});
})（jQuery）；
2。行：应该已经添加了jquery，因此您的
requireSet（）
是不必要的。还是使用旧的c5版本？我使用的是8.3.2版本。删除该行不会中断或修复该问题。这是生成的HTML（简化）
<script>
  (function($){
        $(document).ready(function(){
            $('ul.dropdown-menu [data-toggle=dropdown]').on('click', function(event) {
                event.preventDefault(); 
                event.stopPropagation(); 
                $(this).parent().siblings().removeClass('open');
                $(this).parent().toggleClass('open');
            });
        });
    })(jQuery);
</script>