0
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-11 03:52:27 +01:00
Bootstrap/js/transition.js

57 lines
1.9 KiB
JavaScript
Raw Normal View History

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