我遇到Bootstrap下拉菜单问题单击Andriod平板电脑和IPADS上的事件,当我点击它时,它打开但不关闭。除了我点击菜单外(网页的空白区域)
虽然,这个问题不会发生在桌面上,只有在平板电脑上查看时才会发生。
这是代码
<div class="container" >
<!-- Grid demo navbar -->
<div class="navbar navbar-default navbar-fixed-top navigation" role="navigation">
<div class="navbar-header">
<button type="button" data-toggle="collapse" data-target="#navbar-collapse-grid" class="navbar-toggle">
<span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
</button>
<a href="#" class="navbar-brand">COMPANY NAME</a>
</div>
<div id="navbar-collapse-grid" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<!-- Classic list -->
<li class="dropdown">
<a href="#" data-toggle="dropdown" class="dropdown-toggle blackbg">MY MENU
<b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li><a href="link">MY FIRST LINK</li>
<li><a href="link">MY SECOND LINK</li>
<li><a href="link">MY THIRD LINK</li>
<li></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
我认为这是平板电脑点击事件的问题,但我不知道如何解决这个问题。 任何帮助将不胜感激。感谢