Javascript JS/jQuery从Wordpress导航创建移动导航

我正试图从Wordpress使用Javascript/jQuery生成的nav构建一个移动nav，并将其注入到文档中

其中一个菜单项有另一个无序列表作为子菜单，这就是让我陷入困境的原因：

<ul>
    <li>Item 1</li>
    <li>Item 2 - Has Sub Menu
        <ul>
            <li>Sub 1<li>
            <li>Sub 2<li>                
        </ul>
    </li>
    <li>Item 1</li> 
</ul>

项目1
项目2-具有子菜单

子1

Sub 2



第1项

我无法确定选择元素的最合适方式。最终我无法确定如何维护子菜单结构。我尝试过的jQuery方法

$（'.navbar nav li'）

，这当然会得到所有列表项，因此结构丢失

真的。我只是希望能够查看导航，并在项目上循环，如果列表项包含另一个无序列表，则添加逻辑以构建子菜单

我考虑过使用另一个脚本来检查LIs中是否有任何ULs，并在构建菜单时将类添加到我可以参考的元素中，但这看起来很混乱。

使用此有用的链接：

注册移动菜单

如果您的WordPress主题尚未为您提供移动菜单，您可以使用以下代码注册一个。您可以将代码添加到子主题或自定义插件的

functions.php

// register a mobile menu
function wdm_register_mobile_menu() {
    add_theme_support( 'nav-menus' );
    register_nav_menus( array('mobile-menu' => __( 'Mobile Menu', 'wdm' )) );
}
add_action( 'init', 'wdm_register_mobile_menu' );

使用此有用的链接：

注册移动菜单

如果您的WordPress主题尚未为您提供移动菜单，您可以使用以下代码注册一个。您可以将代码添加到子主题或自定义插件的

functions.php

// register a mobile menu
function wdm_register_mobile_menu() {
    add_theme_support( 'nav-menus' );
    register_nav_menus( array('mobile-menu' => __( 'Mobile Menu', 'wdm' )) );
}
add_action( 'init', 'wdm_register_mobile_menu' );

---

结构中没有任何内容使用类

.navbar nav

。你到底想做什么？对不起，我看得出我的问题令人困惑。这是nav ul上的css类，使用它来获取其中的列表项。下面的答案解决了我的问题，JS根本不需要。您的结构中没有使用类

。navbar nav

。你到底想做什么？对不起，我看得出我的问题令人困惑。这是nav ul上的css类，使用它来获取其中的列表项。下面的答案解决了我的问题，JS根本不需要。这是一个更简单的解决方案。非常感谢你！这是一个简单得多的解决方案。非常感谢你！