javascript - 为什么 Bootstrap 按钮下拉菜单在 iOS 上不起作用？

Question

看起来甚至是 bootstrap demo here不适用于 iOS。您似乎无法在 iPhone 或 iPad 上从中选择元素。

有解决办法吗？

Answer 1

github 上的许多问题评论中都提到了一个快速修复方法: https://github.com/twitter/bootstrap/issues/2975#issuecomment-8670606

将此脚本添加到您的关闭 html 标记之前:

$('body').on('touchstart.dropdown', '.dropdown-menu', function (e) { 
    e.stopPropagation(); 
});

我已经在 ios5 和 6 上测试了上述方法。它非常有效

---

如果您希望修改 Bootstrap javascript，您可以从文件底部附近的 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)