Question

我在我的WordPress网站上使用bootstrap nav walker，但下拉列表没有显示

// bootstrap wp navbar code

<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导航栏下拉列表不起作用

1 个答案: