私のfadeIn/fadeOutsがオーバーラップしていて、つまづいています

Question

このページの一番下にある「What is Body Condition Score？セクション：

http://tn-2017-12-vrshealth.pantheonsite.io/tn-2/

あなたが遅い速度でスライダを移動すると、彼らは、あなたはスライダーがあまりにも速く移動するがあれば、アニメーションが完了していないはずであり、画像を始めると、ペットの画像を変更しますオーバーラップ

すべてのアニメーションを強制的に完了させる方法はありますか？

Answer 1

imgのいずれかがアニメーション化されているかどうかを確認する必要があります。:animatedを使用するとアニメーションがトリガーされます。

だからあなたsilde機能にようにする必要があります：あなたはスニペットか、そのためにいじる作成することができ

slide: function(event, ui){ 
    // check if no 
    if(!$(".pet-image img").is(":animated")){ 
     //annimation code here 
    } 
}