1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2022-11-09 12:25:43 -05:00
twbs--bootstrap/js/transition.js

57 lines
1.9 KiB
JavaScript
Raw Normal View History

2013-05-21 22:30:33 -04:00
/* ========================================================================
2013-05-16 14:06:30 -04:00
* Bootstrap: transition.js v3.0.0
2013-07-25 15:24:13 -04:00
* http://twbs.github.com/bootstrap/javascript.html#transitions
2013-05-21 22:30:33 -04:00
* ========================================================================
2013-05-16 14:06:30 -04:00
* Copyright 2013 Twitter, Inc.
*
* 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.
2013-05-21 22:30:33 -04:00
* ======================================================================== */
2013-05-21 22:30:33 -04:00
+function ($) { "use strict";
2013-05-16 20:18:15 -04:00
// CSS TRANSITION SUPPORT (Shoutout: http://www.modernizr.com/)
// ============================================================
2013-05-16 14:06:30 -04:00
function transitionEnd() {
2013-05-16 20:18:15 -04:00
var el = document.createElement('bootstrap')
2012-03-29 16:51:23 -04:00
2013-05-16 14:06:30 -04:00
var transEndEventNames = {
2013-05-16 20:18:15 -04:00
'WebkitTransition' : 'webkitTransitionEnd'
, 'MozTransition' : 'transitionend'
, 'OTransition' : 'oTransitionEnd otransitionend'
, 'transition' : 'transitionend'
}
2012-03-29 15:35:06 -04:00
2013-05-16 14:06:30 -04:00
for (var name in transEndEventNames) {
if (el.style[name] !== undefined) {
2013-05-16 20:18:15 -04:00
return { end: transEndEventNames[name] }
2012-01-17 13:32:25 -05:00
}
2013-05-16 14:06:30 -04:00
}
}
2012-03-29 16:51:23 -04:00
// http://blog.alexmaccaw.com/css-transitions
$.fn.emulateTransitionEnd = function (duration) {
var called = false, $el = this
2013-07-29 08:23:01 -04:00
$(this).one($.support.transition.end, function () { called = true })
var callback = function () { if (!called) $($el).trigger($.support.transition.end) }
setTimeout(callback, duration)
return this
}
2013-05-16 14:06:30 -04:00
$(function () {
2013-05-16 20:18:15 -04:00
$.support.transition = transitionEnd()
})
2012-02-13 21:41:02 -05:00
}(window.jQuery);