文章图片
我正在开发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调用未定义函数in_category()
- linux 文件系统
- linux dns的部署
- linux 密码破解
- linux 用户和用户组
- 15 路由配置
- 递归及相关习题
- vim编辑器
- shell脚本之if条件测试语句