Question

我有一个使用bootstrap的网站，当我点击切换时，我无法在移动设备上关闭菜单，它确实打开正常而不是关闭。我已经尝试了一些我在这里找到的解决方案，但是没有任何改变了切换。该网站确实拥有所需的所有组件（jquery，所有引导程序文件），并且控制台上没有错误。这是HTML代码：

＆＃13;

<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div class="container">
  	<!--<div class="topLogo"><a class="navbar-brand" href="#"><img src="images/logo.png"/></a></div>-->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="/"><img src="images/logo.png"></a>
    </div>
    <div class="navbar-collapse collapse">
    	<ul class="nav">
        	<li><a href="">Home</a></li>
            <li><a href="">How It Works</a></li>
            <li><a href="">Training</a></li>
            <li><a href="">Tools</a></li>
            <li><a href="">Apply</a></li>
        </ul>
    </div>
  </div>
</nav>

＆＃13;

我尝试过的两个不起作用的片段是 -

＆＃13;

$(document).on('click',function(){
$('.collapse').collapse('hide');
});

＆＃13;

和

＆＃13;

$(document).on('click','.navbar-collapse.in',function(e) {
		if( $(e.target).is('a') && $(e.target).attr('class') != 'dropdown-toggle' ) {
			$(this).collapse('hide');
		}
	});

＆＃13;

任何人都可以帮助我吗？

Bootstrap 3菜单没有折叠

0 个答案: