force Bootstrap to use jQuery instead of CSS transitions

Question

How to force Bootstrap to use its transition.js and jQuery animations, instead of CSS3 transition? I use lot of animations, and it fails on iPad.

Answer 1

A simple, albeit hackish, way to this would be to open transitions.js and replace

  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 (  ._.)
  }

with

function transitionEnd(){ return false; }

If you're using minified Bootstrap, find the same function and replace its contents with return false;.

---

This causes $.support.transition to be set to false, which causes Bootstrap to think the browser does not support CSS3 animations. BEWARE, however, as doing this will hurt performance on many devices.