wordpress bootstrap 导航栏下拉菜单不工作

Question

我正在为我的 WordPress 网站使用 bootstrap nav walker，但下拉菜单未显示

//bootstrap wp 导航条代码

<div id="desktop-nav" class="header-nav-wrapper">
    <div id="" class="collapse navbar-collapse main-navbar-collapse">
         <?php
                 wp_nav_menu( array(
                 'menu'              => 'header-menu-with-social-icons',
                 'theme_location'    => 'header-menu-with-social-icons',
                 'depth'             => 0,
                 'container_id'      => 'bs-example-navbar-collapse-1',
                 'menu_class'        => 'nav navbar-nav',
                 'fallback_cb'       => 'wp_bootstrap_navwalker::fallback',
                 'walker'            => new wp_bootstrap_navwalker())
                );
        ?>
   </div>
</div>

//function.php 文件代码

// Register Custom Navigation Walker
require_once('wp-bootstrap-navwalker.php');

/************ Register Menus */
function register_menus() {
    register_nav_menus( array(
        'header-menu' => 'header Menu',
        'header-menu-with-social-icons' => __( 'header-menu-with-social-icons', 'THEMENAME' ),
        'footer-menu' => 'footer Menu'
    ) );
}
add_action( 'init', 'register_menus' );

// bootstrap

function foe_james_scripts() {
//    adding bootstrap
    // Add Bootstrap Styles Custom Stylesheet and Bootstrap Scripts
    wp_register_style( 'bootstrap-css', get_template_directory_uri() . '/css/bootstrap.min.css' );
    wp_register_script( 'bootstrap-js', get_template_directory_uri() . '/js/bootstrap.min.js', array('jquery'), '3.3.4', true );
    wp_enqueue_style( 'bootstrap-css' );
    wp_enqueue_script( 'bootstrap-js' );

    wp_enqueue_style( 'foe_james_a-style', get_stylesheet_uri() );

    // wp_enqueue_script( 'foe_james_a-navigation', get_template_directory_uri() . '/js/navigation.js', array('jquery'), '20151215', true );

    // wp_enqueue_script( 'foe_james_a-skip-link-focus-fix', get_template_directory_uri() . '/js/skip-link-focus-fix.js', array('jquery'), '20151215', true );

//    custom js
    wp_register_script('home-page', get_template_directory_uri() . '/js/home.js', array('jquery'), '3.3.4', true );
    wp_enqueue_script('home-page');

    // wp_register_script('menu-hover', get_template_directory_uri() . '/js/menu-hover.js', array('jquery'), '3.3.4', true );
    // wp_enqueue_script('menu-hover');

    if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) {
        wp_enqueue_script( 'comment-reply' );
    }
}
add_action( 'wp_enqueue_scripts', 'foe_james_scripts' );

如果你能发现我过去几个小时没有发现的东西，请告诉我。

Answer 1

这是一个插件冲突。问题中显示的代码是正确的，无需更正。只需删除有冲突的插件即可。

wordpress bootstrap 导航栏下拉菜单不工作

wordpress bootstrap navbar dropdown not working

css

wordpress

navbar

twitter-bootstrap

wp-nav-walker