停止動畫*和*阻止完整的動作運行？

Question

我淡入淡出背景：

// in: 
$bg.css({'pointerEvents':'auto'}).show() 
    .stop(true).animate({ 'opacity': 0.90 }, animTime); 

// out: 
$bg.css({'pointerEvents':'none'}).stop(true) 
    .animate({ 'opacity': 0 }, animTime,function() { $bg.hide(); }); 

的問題，當我開始在它完成淡出前逐漸把它回發生;完整的事件將通過淡入動畫的一部分進行觸發並隱藏背景。

我猜.stop(true)不清除完整的事件 - 有什麼辦法可以做到嗎？

Answer 1

嘗試.stop(true,true)。這將停止當前的事件以及刪除排隊的事件。

.stop([clearQueue] [, jumpToEnd])
clearQueueA布爾值指示是否要刪除排隊動畫以及。默認爲false。
jumpToEndA Boolean指示是否立即完成當前動畫。默認爲false。

Answer 2

找到一個解決辦法：

$bg.data('fading',true).css({'pointerEvents':'auto'}).stop(true).show().transition({ 'opacity': 0.90 }, animTime, function() { $bg.data('fading', false); }); 

$bg.css({'pointerEvents':'none'}).stop(true).transition({ 'opacity': 0 }, animTime,function() { 
    if(!$bg.data('fading')) { 
     $bg.hide(); 
    } 
});