wait for transition to end before triggering shown event

toddsundsted · Sep 30, 2011 · b2b8a78 · b2b8a78
1 parent 2715a1e
commit b2b8a78
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/js/bootstrap-modal.js b/js/bootstrap-modal.js
@@ -81,17 +81,23 @@
 
         escape.call(this)
         backdrop.call(this, function () {
+          var transition = $.support.transition && that.$element.hasClass('fade')
+
           that.$element
             .appendTo(document.body)
             .show()
 
-          if ($.support.transition && that.$element.hasClass('fade')) {
+          if (transition) {
             that.$element[0].offsetWidth // force reflow
           }
 
           that.$element
             .addClass('in')
-            .trigger('shown')
+
+          transition ?
+            that.$element.one(transitionEnd, function () { that.$element.trigger('shown') }) :
+            that.$element.trigger('shown')
+
         })
 
         return this