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

时间:2014-12-17 15:14:31

标签: jquery css twitter-bootstrap

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

1 个答案:

答案 0 :(得分:0)

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