wordpress bootstrap 导航导航栏自动折叠，未处于打开状态答案

【问题标题】：wordpress bootstrap navigation navbar auto collapse, not in open statewordpress bootstrap 导航导航栏自动折叠，未处于打开状态
【发布时间】：2020-02-05 11:29:04
【问题描述】：

我正在使用 navwalker 代码开发 WordPress 主题和导航栏，问题是当我单击移动设备中的菜单按钮时，它会在一毫秒内打开和关闭。它在 localhost 中正常工作，但在服务器中没有。

WordPress：5.2 navwalker：Bootstrap 4 的自定义 WordPress 导航步行器类引导程序：4.3.1 网址：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 -->

函数.php

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

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

【问题讨论】：

标签： wordpress twitter-bootstrap wordpress-theming navbar wp-nav-walker

【解决方案1】：

我遇到了同样的问题，我发现一个插件正在加载 Bootstrap 3，而我也在加载 Bootstrap 4。你的情况是一样的。我可以在下图中看到您正在加载 BootStrap 4.3.1 Sources on Chrome Web dev Tools

但是还有另一个插件加载 BootStrap 3.3.4 见下图

Sources with bootstrap 3.3.4

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

【讨论】：

【解决方案2】：

我看到你使用 Bootstrap v3.3.4 css 和 Bootstrap v4.3.1 js？

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

希望有帮助

【讨论】：

不，我使用 v4.3.1 css 的引导程序，所有文件都是最新的和相同的。它在本地主机中工作。
怎么样？我在不同的域中上传了相同的主题，它工作正常。我认为这是任何插件上传旧引导程序的问题。 [检查什么问题] 谢谢。
是的，也许是一些旧的 CSS 搞砸了？也许删除是的:)