問題，它已經有相同的類

我嘗試使用下面的代碼和重複的結果在每一次點擊，以動畫類添加到DIV：問題，它已經有相同的類

$(document).ready(function(){ 
    $("#1").on("click",function(){ 

    $('#layer1').addClass('animated fadeInLeft'); 
    // $('#layer1').removeClass('animated fadeInLeft'); 

    }); 
     $("#2").on("click",function(){ 

    $('#layer1').addClass('animated fadeInLeft'); 

    }); 
});

，但它似乎該過程只發生一次，而我無法添加動畫fadeInLeft甚至是來自另一個調用的類。我也嘗試使用

$('#layer1').removeClass('animated fadeInLeft');

每次添加類後，但它也沒有工作。您可以讓我知道如何在每次動畫後重置動畫？

DEMO

感謝

來源

2014-05-16 Mona Coder

請提供包含css的簡單演示。我們不知道什麼效果或需要重置 – charlietfl

刪除和添加類將不起作用，因爲您的fadeIn動畫（可能）來自某個在文檔準備就緒時運行一次的插件。如果您希望我們提供幫助，請給我們更多的代碼。 – martynas

大家好，答覆這多虧是一個演示：http://jsfiddle.net/Behseini/GUMx5/ –

使用此代碼，當動畫結束刪除animated類。這應該適合你：

$("#layer1").bind("animationend webkitAnimationEnd MSAnimationEnd oAnimationEnd", function() { 
    $(this).removeClass("animated"); 
})

它導致開始動畫，當animated類再次添加。

來源

2014-05-16 20:18:01 Mohebifar

問題，它已經有相同的類

回答

相關問題