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

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-lgnavbar-light"> < div class="site-branding navbar-brand"> < ?php the_custom_logo(); if ( is_front_page() & & is_home() ) : ?> < p class="site-title"> < a href="http://www.srcmini.com/< ?php echo esc_url( home_url('/' ) ); ?> " rel="home"> < ?php bloginfo( 'name' ); ?> < /a> < /p> < ?php else : ?> < p class="site-title"> < a href="http://www.srcmini.com/< ?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 【WordPress的boostrap导航导航栏自动折叠,未处于打开状态】我遇到了同样的问题, 我发现一个插件正在加载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文件更改为兼容版本?
希望能有所帮助
WordPress的boostrap导航导航栏自动折叠,未处于打开状态

文章图片

    推荐阅读