問(wèn)題描述

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

問(wèn)題解答

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

$(’.k-element-plugs-box’).stop().animate()，先停掉前面的動(dòng)畫(huà)，然后再執(zhí)行接下來(lái)的動(dòng)畫(huà)

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