transition.js 1.92 KB
Newer Older
1
/* ========================================================================
fat's avatar
fat committed
2
 * Bootstrap: transition.js v3.0.0
Chris Rebert's avatar
Chris Rebert committed
3
 * http://twbs.github.com/bootstrap/javascript.html#transitions
4
 * ========================================================================
fat's avatar
fat committed
5
 * Copyright 2013 Twitter, Inc.
6
7
8
9
10
11
12
13
14
15
16
17
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
18
 * ======================================================================== */
19

20

21
+function ($) { "use strict";
22

fat's avatar
fat committed
23
24
  // CSS TRANSITION SUPPORT (Shoutout: http://www.modernizr.com/)
  // ============================================================
25

fat's avatar
fat committed
26
  function transitionEnd() {
fat's avatar
fat committed
27
    var el = document.createElement('bootstrap')
28

fat's avatar
fat committed
29
    var transEndEventNames = {
fat's avatar
fat committed
30
31
32
33
34
      'WebkitTransition' : 'webkitTransitionEnd'
    , 'MozTransition'    : 'transitionend'
    , 'OTransition'      : 'oTransitionEnd otransitionend'
    , 'transition'       : 'transitionend'
    }
Jacob Thornton's avatar
Jacob Thornton committed
35

fat's avatar
fat committed
36
37
    for (var name in transEndEventNames) {
      if (el.style[name] !== undefined) {
fat's avatar
fat committed
38
        return { end: transEndEventNames[name] }
Jacob Thornton's avatar
Jacob Thornton committed
39
      }
fat's avatar
fat committed
40
41
    }
  }
42

43
44
45
46
47
48
49
50
  // http://blog.alexmaccaw.com/css-transitions
  $.fn.emulateTransitionEnd = function (duration) {
    var called = false, $el    = this
    $(this).one('webkitTransitionEnd', function () { called = true })
    var callback = function () { if (!called) $($el).trigger('webkitTransitionEnd') }
    setTimeout(callback, duration)
  }

fat's avatar
fat committed
51
  $(function () {
fat's avatar
fat committed
52
53
    $.support.transition = transitionEnd()
  })
54

55
}(window.jQuery);