Question

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

Answer 1

一种简单的，虽然是黑客的方式，这将是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动画。 BEWARE ，但这样做将会损害许多设备的性能。

强制Bootstrap使用jQuery而不是CSS转换

1 个答案: