0
0
mirror of https://github.com/twbs/bootstrap.git synced 2024-11-29 11:24:18 +01:00
Bootstrap/js/transition.js

57 lines
1.9 KiB
JavaScript
Raw Normal View History

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