WordPress的boostrap导航导航栏自动折叠，未处于打开状态

我正在开发WordPress主题, 并使用navwalker代码为navbar开发了一个问题, 问题是当我单击移动设备上的菜单按钮时, 它会在一毫秒内打开和关闭。它可以在localhost正常工作, 但不能在服务器上工作。

WordPress：5.2 navwalker：自定义Bootstrap 4的WordPress nav walker类Bootstrap：4.3.1网站的URL：https://www.androidinterview.com/

<header id="masthead" class="site-header has-header">
    <nav id="menu" class="navbar navbar-expand-lg  navbar-light">
        <div class="site-branding navbar-brand">
            <?php
            the_custom_logo();
            if ( is_front_page() && is_home() ) :
                ?>
                <p class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></p>
                <?php
            else :
                ?>
                <p class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></p>
                <?php
            endif;
            $ehsdev_description = get_bloginfo( 'description', 'display' );
            if ( $ehsdev_description || is_customize_preview() ) :
                ?>
                <p class="site-description"><?php echo $ehsdev_description; /* WPCS: xss ok. */ ?></p>
            <?php endif; ?>
        </div><!-- .site-branding -->


        <button class="navbar-toggler p-0" type="button" data-toggle="collapse" data-target="#bs4navbar" aria-controls="bs4navbar" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
         </button>

        <?php
        wp_nav_menu([
            'menu'              => 'primary', 'theme_location'    => 'primary', 'container'         => 'div', 'container_id'      => 'bs4navbar', 'container_class'   => 'collapse navbar-collapse', 'menu_id'           => 'false', 'menu_class'        => 'navbar-nav ml-auto', 'depth'             => 2, 'fallback_cb'       => 'bs4navwalker::fallback', 'walker'            => new bs4Navwalker()
        ]);
        ?>
    </nav>

    </header><!-- #masthead -->

function.php

require get_template_directory() . '/inc/bootstrap-wp-navwalker.php';

register_nav_menus( array(
            'primary' => esc_html__( 'Primary', 'ehsdev' ), ) );

#1

我遇到了同样的问题, 我发现一个插件正在加载Bootstrap 3, 而我同时也在加载BootStrap4。你的情况是相同的。如下图所示, 你正在加载Chrome Web开发工具上的BootStrap 4.3.1源

但是还有另一个插件正在加载BootStrap 3.3.4, 请参见下图

具有自举程序3.3.4的源

就我而言, 我只是从插件中删除了引导程序, 或者你可以使用相同版本的BootStrap, 就可以了。

#2

我看到你在Bootstrap v4.3.1 js中使用Bootstrap v3.3.4 CSS吗？

尝试将css或js文件更改为兼容版本？

希望能有所帮助