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）

＆＃34;探索和插入＆＃34;是可见的但是没有工作下拉菜单。因为我忘了添加js代码。在我看来，你必须检查你的js代码

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

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

Bootstrap下拉菜单不适用于iOS

1 个答案: