javascript - 应用 Bootstrap 时，选择下拉菜单在移动设备和 iPad View 中不起作用

Question

<div class="panel panel-default">
    <select>
        <option value="A3">A3</option>
        <option value="A4">A4</option>                
        <option value="A5">A5</option>   
    </select>
 </div>

以上代码无效，我也在尝试引用代码 Visit .但它不能正常工作。

请帮助我!谢谢。我需要一个好的解决方案。

Answer 1

在2.1.0版本的代码中(bootstrap-dropdown.js v2.1.0)touchstart.dropdown.data-api已经包含在大部分的.on() 绑定(bind)。您所要做的就是从 clearMenus 的 html 绑定(bind)中删除 touchstart.dropdown.data-api，它位于文件底部附近。

改变

$('html')
  .on('click.dropdown.data-api touchstart.dropdown.data-api', clearMenus)

到

$('html')
  .on('click.dropdown.data-api', clearMenus)

它只是在您触摸文档中的任何地方时清除任何菜单。

Reference