Merge pull request madrobby#201 from kossnocorp/200_zero_anim_duratio…

…n_bug

Fix "When animation duration is 0 callback never will be called"

src/fx.js

@@ -5,7 +5,11 @@
       if (key === 'opacity') opacity = properties[key];
       else transforms.push(key + '(' + properties[key] + ')');
 
-    $.isFunction(callback) && this.one('webkitTransitionEnd', callback);
+    if (parseFloat(duration) !== 0) {
+      $.isFunction(callback) && this.one('webkitTransitionEnd', callback);
+    } else {
+      setTimeout(callback, 0);
+    }
 
     return this.css({
       '-webkit-transition': 'all ' + (duration !== undefined ? duration : 0.5) + 's ' + (ease || ''),

test/fx.html

@@ -19,6 +19,8 @@ <h1>Zepto FX unit tests</h1>
   <div id="durationtest_2" style="width:40px;height:40px;background:red"></div>
   <div id="callbacktest" style="width:40px;height:40px;background:red"></div>
 
+  <div id="anim_zero_duration_callback_test"></div>
+
   <script>
     Evidence.TestCase.extend('ZeptoFXTest', {
 
@@ -65,6 +67,18 @@ <h1>Zepto FX unit tests</h1>
             this.assert((new Date().getTime() - start) >= duration);
           });
         });
+
+        // Test for https://github.com/madrobby/zepto/issues/200
+        var el = $('#anim_zero_duration_callback_test'),
+            callbackCalled = false;
+
+        el.anim({ opacity: 0.5 }, 0, 'linear', function () {
+          callbackCalled = true;
+        });
+
+        setTimeout(function () {
+          t.assert(callbackCalled);
+        }, 0);
       }
     });
   </script>