html - Bootstrap 下拉菜单不适用于 iOS

Question

我遇到了一个问题，我的下拉列表在 iOS 中无法正常工作。它在桌面上运行得非常好，但每当我在我的 iPhone 上加载我的网站时，下拉菜单是不存在的。这是我的 html:

<div class='container visible-xs hidden-md'>
 <div class='row well well-sm mobile-well'>
  <div class='col-md-12 text-center dropdown'>
    <h4 class="dropdown-toggle explore" data-toggle="dropdown" id="dropdownMenu1" aria-haspopup="true" aria-expanded="true">Explore <span class='caret'></span></h4>
    <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
      <li><a href="#" class="dropdown-link">Home</a></li>
      <li class='divider'></li>
      <li><a href="#" class="dropdown-link">Menu</a></li>
      <li class='divider'></li>
      <li><a href="#" class="dropdown-link">About</a></li>
      <li class='divider'></li>
      <li><a href="#" class="dropdown-link">Contact</a></li>
    </ul>
  </div>
</div>

不确定我是否做错了什么，但我们将不胜感激任何帮助。谢谢!

Answer 1

我检查过这个问题(使用我的 iPhone6，最新的 iOS)

“探索和插入符号”是可见的，但不是工作下拉菜单。因为我忘了添加js代码。在我看来，你必须检查你的js代码

$(document).ready(function(){
    $('.dropdown-toggle').dropdown();
});

http://getbootstrap.com/javascript/#via-javascript-1