如何使事件等待，直到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'); 
    } 
})