Php 基于符号功能的引导导航汉堡

我使用了引导菜单，我似乎不明白为什么汉堡包下拉菜单不起作用

目前，手机上的完整菜单已经展开，汉堡符号也没有功能，我不确定代码中出了什么问题

完整代码HTMl

<nav class="navbar  navbar-default navbar-fixed-top" role="navigation">
    <div class="container" style="height: 63px;">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bootstrap-navbar-collapse-1"
                aria-expanded="false">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand " href="<?php echo get_page_link(2); ?>">
            <img src="<?php bloginfo('url'); ?>/wp-content/uploads/2016/10/logo.png">
        </a>

        <button type="button" class="btn button-primary-signup navbar-btn navbar-right hidden-xs">
            Sign up
        </button>

        <button type="button" class="login-button btn btn-link navbar-btn navbar-right hidden-xs">
            Login
        </button>
    </div>
    <div id="navbar" style="background-color: #333;max-height: 44px;">
        <div class="container">
            <?php bootstrap_megamenu_nav(); ?>
        </div>
    </div>
</nav>

---

没有具有

id=“bootstrap-navbar-collapse-1”

的目标

可折叠的导航项目应包含在

折叠

元素中

有关示例，请参阅引导文档：

---

您是否已将jQuery添加到您的站点[]是的，我已经添加了，并检查了文件是否存在（正如我使用CDN时所做的那样），但是否存在并运行良好的位置，但这是在php函数中调用的

function bootstrap_megamenu_nav()
{
    wp_nav_menu(array(
            'theme_location' => 'locations-primary',
            'depth' => 4,
            'container' => 'div',
            'container_class' => 'collapse navbar-collapse',
            'container_id' => 'bootstrap-navbar-collapse-1',
            'menu_class' => 'nav navbar-nav yamm navbar-main-head',
            'fallback_cb' => 'Yamm_Nav_Walker_menu_fallback',
            'walker' => new Yamm_Nav_Walker())
    );
}