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イベント速いmouseleaveはobj1.html（obj2.html（」cuzを失敗した場合、イベントが時々cuzをこのjQueryのフリップフィニッシュまで待つのMouseEnter作る必要があります））; 'その上。

しかし、私は、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'); 
    } 
})