弹跳图像动画循环

Question

我试图循环播放每个物体的动画，然后反复弹跳 - 钢琴卷式。

我不知道为什么这段代码不起作用。

<script type=text/javascript>
$.fn.exBounce = function(){
var self = this;
(function runEffect(){
    self.delay(500).effect("bounce", { direction:'down', times:1 }, 200);
})();
};


function animatebounce() {

   $(".bounce").each(function(i) {
      $(this).delay(500 * i).exBounce(function(){
         $($(".bounce").get().reverse()).each(function(i) {
            $(this).delay(200 * i).exBounce();
         });
      });
   });
};



$(document).ready(function(){
animatebounce();
});

Answer 1

你的插件不带参数;你传入的函数不会被调用。

Answer 2

@asawilliams是对的。 您需要将回调定义为插件中的参数，然后调用它 http://jsfiddle.net/gaboesquivel/ZRZEA/7/