jquery的縮放效果很慢？

Question

我有以下的jQuery代碼：

$(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規模的20％是在踢很慢它實際上是擴展的selectedBox動畫後。

誰能告訴我爲什麼會發生這種情況？

MTIA！

Answer 1

我更新您的撥弄（希望）工作示例：

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

你的問題是，一旦你selectedBox.click處理，你有包裝盒上的2個click事件。不知何故，這完全混淆了動畫。

我現在只需在點擊選擇框元素時移除原始點擊處理程序，然後在第二次點擊時重新附加它。