WordPress начальная загрузка навигация NavBar автоматический коллапс, не в открытом состоянии - PullRequest
0 голосов
/ 15 мая 2019

enter image description here Я занимаюсь разработкой темы WordPress и для панели навигации, используя код navwalker, проблема в том, что когда я нажимаю на кнопку меню в мобильном телефоне, она открывается и закрывается за миллисекунду. Он работает в локальном хосте правильно, но не на сервере.

Wordpress: 5,2 navwalker: пользовательский класс навигации WordPress для Bootstrap 4 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 Ответ

0 голосов
/ 15 мая 2019

Я вижу, вы используете Bootstrap v3.3.4 css с Bootstrap v4.3.1 js?

Попробуйте изменить файл css или js на совместимую версию?

Надеюсь, что поможет

enter image description here

...