add special transitionend type to test event origin

fixes #13430

diff --git a/js/alert.js b/js/alert.js
index f7fc6fb8e29f2107044f1d7c2955723b1e250eee..609127a2c7756887c158f3f27067cfa5465a9364 100644 (file)
--- a/js/alert.js
+++ b/js/alert.js
@@ -54,7 +54,7 @@
 
     $.support.transition && $parent.hasClass('fade') ?
       $parent
-        .one($.support.transition.end, removeElement)
+        .one('bsTransitionEnd', removeElement)
         .emulateTransitionEnd(150) :
       removeElement()
   }

diff --git a/js/carousel.js b/js/carousel.js
index af51cf50d54133b7f8610f9b36ec15dcc25edb0b..dcaccf8d7fa540863197c6c54dc2892f776307ed 100644 (file)
--- a/js/carousel.js
+++ b/js/carousel.js
@@ -132,7 +132,7 @@
       $active.addClass(direction)
       $next.addClass(direction)
       $active
-        .one($.support.transition.end, function () {
+        .one('bsTransitionEnd', function () {
           $next.removeClass([type, direction].join(' ')).addClass('active')
           $active.removeClass(['active', direction].join(' '))
           that.sliding = false

diff --git a/js/collapse.js b/js/collapse.js
index d5d74d07b98058649dd70483ba78d41ee38018a1..add4aea9214e9aa02b9f31dd125b85a83c201564 100644 (file)
--- a/js/collapse.js
+++ b/js/collapse.js
@@ -61,18 +61,12 @@
 
     this.transitioning = 1
 
-    var complete = function (e) {
-      if (e && e.target != this.$element[0]) {
-        this.$element
-          .one($.support.transition.end, $.proxy(complete, this))
-        return
-      }
+    var complete = function () {
       this.$element
         .removeClass('collapsing')
         .addClass('collapse in')[dimension]('')
       this.transitioning = 0
       this.$element
-        .off($.support.transition.end + '.bs.collapse')
         .trigger('shown.bs.collapse')
     }
 
@@ -81,7 +75,7 @@
     var scrollSize = $.camelCase(['scroll', dimension].join('-'))
 
     this.$element
-      .on($.support.transition.end + '.bs.collapse', $.proxy(complete, this))
+      .one('bsTransitionEnd', $.proxy(complete, this))
       .emulateTransitionEnd(350)[dimension](this.$element[0][scrollSize])
   }
 
@@ -103,12 +97,7 @@
 
     this.transitioning = 1
 
-    var complete = function (e) {
-      if (e && e.target != this.$element[0]) {
-        this.$element
-          .one($.support.transition.end, $.proxy(complete, this))
-        return
-      }
+    var complete = function () {
       this.transitioning = 0
       this.$element
         .trigger('hidden.bs.collapse')
@@ -120,7 +109,7 @@
 
     this.$element
       [dimension](0)
-      .one($.support.transition.end, $.proxy(complete, this))
+      .one('bsTransitionEnd', $.proxy(complete, this))
       .emulateTransitionEnd(350)
   }
 

diff --git a/js/modal.js b/js/modal.js
index 2c363ec331edb818edf08772a4edcf5904343b31..6b9b63f546029d7b145cbea48260c2e32579c5e0 100644 (file)
--- a/js/modal.js
+++ b/js/modal.js
@@ -89,7 +89,7 @@
 
       transition ?
         that.$element.find('.modal-dialog') // wait for modal to slide in
-          .one($.support.transition.end, function () {
+          .one('bsTransitionEnd', function () {
             that.$element.trigger('focus').trigger(e)
           })
           .emulateTransitionEnd(300) :
@@ -122,7 +122,7 @@
 
     $.support.transition && this.$element.hasClass('fade') ?
       this.$element
-        .one($.support.transition.end, $.proxy(this.hideModal, this))
+        .one('bsTransitionEnd', $.proxy(this.hideModal, this))
         .emulateTransitionEnd(300) :
       this.hideModal()
   }
@@ -185,7 +185,7 @@
 
       doAnimate ?
         this.$backdrop
-          .one($.support.transition.end, callback)
+          .one('bsTransitionEnd', callback)
           .emulateTransitionEnd(150) :
         callback()
 
@@ -198,7 +198,7 @@
       }
       $.support.transition && this.$element.hasClass('fade') ?
         this.$backdrop
-          .one($.support.transition.end, callbackRemove)
+          .one('bsTransitionEnd', callbackRemove)
           .emulateTransitionEnd(150) :
         callbackRemove()
 

diff --git a/js/tab.js b/js/tab.js
index 57ae6bc9f230de69b47d696098ca7068f6919c79..3eec7c2df80ed3deedccfff51784ce0744317d9e 100644 (file)
--- a/js/tab.js
+++ b/js/tab.js
@@ -85,7 +85,7 @@
 
     transition ?
       $active
-        .one($.support.transition.end, next)
+        .one('bsTransitionEnd', next)
         .emulateTransitionEnd(150) :
       next()
 

diff --git a/js/tooltip.js b/js/tooltip.js
index 692651457f9a17550a283228e00251a1236ed769..b04dccd9198aa4910c43e298dba4444df3c0a2ab 100644 (file)
--- a/js/tooltip.js
+++ b/js/tooltip.js
@@ -210,7 +210,7 @@
 
       $.support.transition && this.$tip.hasClass('fade') ?
         $tip
-          .one($.support.transition.end, complete)
+          .one('bsTransitionEnd', complete)
           .emulateTransitionEnd(150) :
         complete()
     }
@@ -298,7 +298,7 @@
 
     $.support.transition && this.$tip.hasClass('fade') ?
       $tip
-        .one($.support.transition.end, complete)
+        .one('bsTransitionEnd', complete)
         .emulateTransitionEnd(150) :
       complete()
 

diff --git a/js/transition.js b/js/transition.js
index 8fcf8ff4bd284d54c7cddc367529fe061759e1f0..efc66bae992d514f7ea5564ff84c6faa51e2db2c 100644 (file)
--- a/js/transition.js
+++ b/js/transition.js
@@ -40,7 +40,7 @@
   $.fn.emulateTransitionEnd = function (duration) {
     var called = false
     var $el = this
-    $(this).one($.support.transition.end, function () { called = true })
+    $(this).one('bsTransitionEnd', function () { called = true })
     var callback = function () { if (!called) $($el).trigger($.support.transition.end) }
     setTimeout(callback, duration)
     return this
@@ -48,6 +48,16 @@
 
   $(function () {
     $.support.transition = transitionEnd()
+
+    if (!$.support.transition) return
+
+    $.event.special.bsTransitionEnd = {
+      bindType: $.support.transition.end,
+      delegateType: $.support.transition.end,
+      handle: function (e) {
+        if ($(e.target).is(this)) return e.handleObj.handler.apply(this, arguments)
+      }
+    }
   })
 
 });