Jquery 在手机上无法单击引导导航栏按钮
“我不确定我做错了什么……但我的问题是: 在这个网站上:我用bootstrap制作了一个菜单,所有设备上都会出现“三明治”菜单按钮。我在上面加了一些文字。 它不能在智能手机上工作(在我的iPhone6、iOS9.2上测试);如果我按下菜单按钮,什么也不会发生。在最新版本的Firefox上,它就像我的桌面iMac上的一个魔咒。我找不到任何HTML错误 以下是我的wordpress主题的navbar源代码(带有引导navwalker):Jquery 在手机上无法单击引导导航栏按钮,jquery,html,css,wordpress,twitter-bootstrap,Jquery,Html,Css,Wordpress,Twitter Bootstrap,“我不确定我做错了什么……但我的问题是: 在这个网站上:我用bootstrap制作了一个菜单,所有设备上都会出现“三明治”菜单按钮。我在上面加了一些文字。 它不能在智能手机上工作(在我的iPhone6、iOS9.2上测试);如果我按下菜单按钮,什么也不会发生。在最新版本的Firefox上,它就像我的桌面iMac上的一个魔咒。我找不到任何HTML错误 以下是我的wordpress主题的navbar源代码(带有引导navwalker): 切换导航 菜单 这太尴尬了……我刚刚删除了手机上的浏览器缓存
切换导航
菜单
这太尴尬了……我刚刚删除了手机上的浏览器缓存,似乎也在手机上工作。也许有人想确认它是否有效?我对wordpress的经验是它被大量缓存。尝试向url添加一些虚假参数,如?a=1
。我发现这是一种清除缓存的有用方法。@michael,它似乎在iphone6中工作,但只有菜单排列混乱。@Matt Creemens@PrajwalShrestha感谢您的检查。“排列混乱”是什么意思。
<!-- Static navbar -->
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<i class="fa fa-bars"></i> Menu
</button>
</div>
<div id="navbar" class="navbar-collapse collapse">
<?php
wp_nav_menu( array(
'menu' => 'Primary Menu',
'theme_location' => '360-menu',
'depth' => 1,
'container' => 'div',
'container_class' => 'collapse navbar-collapse',
'container_id' => 'bs-example-navbar-collapse-1',
'menu_class' => 'nav navbar-nav navbar-right',
'fallback_cb' => 'wp_bootstrap_navwalker::fallback',
'walker' => new wp_bootstrap_navwalker())
);
?>
</div><!--/.nav-collapse -->
</div><!--/.container-fluid -->
</nav>