jqueryスケール効果が遅いですか？

Question

私は、次のjQueryコードを持っている：私は20％selectedBoxスケールがでキックするのは非常に緩慢であることを発見してい

$(document).ready(function() { 


    $('.box').click(function(){ 

     var selectedBox = $(this), 
      selectedBoxLocationX = selectedBox.offset().left, 
      selectedBoxLocationY = selectedBox.offset().top; 

     selectedBox.animate({left:-selectedBoxLocationX, top:-selectedBoxLocationY},600).addClass('current'); 


     otherBoxes = $('.box:not(.current)'); 

     otherBoxes.animate({left:2000},600); 
     selectedBox.effect('scale', {percent:500, direction: 'vertical'}, 1000); 


     selectedBox.click(function(){ 
      selectedBox.effect('scale', {percent:20, direction: 'vertical'},200); 
      otherBoxes.animate({left:0},600); 
      selectedBox.animate({top: 0, left: 0},700).removeClass('current'); 

     }); 

    }); 

}); 

を実際に selectedBoxアニメーション後をスケーリングします。

誰でもこの現象がなぜ起こっているのか教えていただけますか？

MTIA！

Answer 1

私は（うまくいけば）作業例を使ってバイオリンを更新：

http://jsfiddle.net/sk62Y/4/

あなたの問題は、あなたselectedBox.clickハンドラたら、あなたはボックスの2つのクリックイベントを持っていた、ということでした。どういうわけかこれはアニメーションを完全に混乱させました。

これで、selectedBox要素をクリックして2回目のクリックで再度クリックすると、元のクリックハンドラが削除されました。