0

在此处输入图像描述我正在开发一个 WordPress 主题和使用 navwalker 代码的导航栏,问题是当我单击移动设备中的菜单按钮时,它会在一毫秒内打开和关闭。它在本地主机中正常工作,但在服务器中却没有。

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 -->

函数.php

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

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

4

2 回答 2

1

我遇到了同样的问题,我发现一个插件正在加载 Bootstrap 3,而我也在加载 BootStrap 4。你的情况是一样的。我可以在下图中看到您正在 Chrome Web 开发工具上加载 BootStrap 4.3.1 源

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

带有引导程序 3.3.4 的源

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

于 2020-02-05T03:29:04.653 回答
0

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

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

希望有帮助

在此处输入图像描述

于 2019-05-15T19:32:52.207 回答