强制 Bootstrap 使用 jQuery 而不是 CSS 过渡答案

【问题标题】：force Bootstrap to use jQuery instead of CSS transitions强制 Bootstrap 使用 jQuery 而不是 CSS 过渡
【发布时间】：2015-07-03 18:19:51
【问题描述】：

如何强制 Bootstrap 使用其 transition.js 和 jQuery 动画，而不是 CSS3 transition？我使用了很多动画，但在 iPad 上失败了。

【问题讨论】：

“在 iPad 上失败”你能详细说明一下吗？
如果没有更具体的说明，不会得到太多帮助
@Mooseman：哦！页面崩溃然后重新加载。它与问题无关。我想用过渡替换 jQuery 动画。
更多信息：stackoverflow.com/a/11833285/501134
@kikio 这是哪一个？ CSS3 => jQuery 或 jQuery => CSS3?

标签： jquery css twitter-bootstrap

【解决方案1】：

一个简单的，虽然是hackish，方法是open transitions.js并替换

  function transitionEnd() {
    var el = document.createElement('bootstrap')

    var transEndEventNames = {
      WebkitTransition : 'webkitTransitionEnd',
      MozTransition    : 'transitionend',
      OTransition      : 'oTransitionEnd otransitionend',
      transition       : 'transitionend'
    }

    for (var name in transEndEventNames) {
      if (el.style[name] !== undefined) {
        return { end: transEndEventNames[name] }
      }
    }

    return false // explicit for ie8 (  ._.)
  }

与

function transitionEnd(){ return false; }

如果您使用的是缩小版 Bootstrap，请找到相同的函数并将其内容替换为 return false;。

这会导致 $.support.transition 被设置为 false，这会导致 Bootstrap 认为浏览器确实不支持 CSS3 动画。注意，但是，这样做会损害许多设备的性能。

【讨论】：