問題描述

有這么兩個方法，執(zhí)行turnRight方法控制盒子右移，執(zhí)行turnLeft控制盒子左移，盒子默認(rèn)是在右邊的。

function tureRight(){ $(’.k-element-plugs-box’).animate({marginLeft: '0px'},1000,function(){ console.log('end') })} function tureLeft(eletype){ $(’.k-element-plugs-box’).animate({marginLeft: '-180px' },300) }

在turnRight方法中，animate動畫方法中我加了一個回調(diào)函數(shù)用來執(zhí)行console.log('end')，現(xiàn)在有個問題就是當(dāng)turnRight方法執(zhí)行后，盒子右移，時長為1秒，結(jié)束后打印'end'，如果當(dāng)盒子還未到達(dá)右邊（也就是時間還不夠1秒）時我執(zhí)行turnLeft這個方法，他會等1秒結(jié)束之后才執(zhí)行turnLeft方法。如果是JS自己寫我知道清除定時器就好了，但是jquery怎么讓turnRight里的animate動畫停止呢

問題解答

$(’.k-element-plugs-box’).stop();tureLeft();

$(’.k-element-plugs-box’).stop().animate()，先停掉前面的動畫，然后再執(zhí)行接下來的動畫

$(’xxx’).stop() 或者 $(’xxx’).stop().animate()stop()的具體用法和參數(shù)說明去翻翻文檔, 解釋的會比較好點