如何使事件等待，直到jQuery的翻页效果结束？

Question

我有一个问题，我有这样的代码：

$(document).ready(function(){ 
    /* The following code is executed once the DOM is loaded */ 

    $('.clsks').mouseenter(function() { 

     var ob = $(this); 
     var dar = $(this).attr('ids'); 
     var obj1 = $('#sponsorFlip'+dar); 
     var obj2 = $('#sponsorData'+dar); 

     obj1.flip({ 
       direction:'lr', 
       speed: 350, 
       onBefore: function(){ 
        // Insert the contents of the .sponsorData div (hidden from view with display:none) 
        // into the clicked .sponsorFlip div before the flipping animation starts: 
        obj1.html(obj2.html()); 

       } 
      }); 

      // Setting the flag: 
     //obj1.data('flipped',true); 

     }).mouseleave(function() { var dar = $(this).attr('ids'); 
     var obj1 = $('#sponsorFlip'+dar); obj1.revertFlip(); }); 

}); 

我需要做的事件MouseEnter等到这个jQuery的翻转完成的Cuz有时候如果有人的mouseenter快速的鼠标离开失败的Cuz“obj1.html（obj2.html（ ））;”超过它。

但我只需要做出MouseEnter事件等待jQuery的翻转完成。

Answer 1

请参阅文档翻页方法：http://lab.smashup.it/flip并添加onEnd:函数。下面是该文档中的一个示例：

$("#flipbox").flip({ 
    direction:'tb', 
    onBefore: function(){ 
      console.log('before starting the animation'); 
    }, 
    onAnimation: function(){ 
      console.log('in the middle of the animation'); 
    }, 
    onEnd: function(){ 
      console.log('when the animation has already ended'); 
    } 
})