2014-10-19 81 views
0

我試圖給一些圖像添加自定義CSS動畫,但我似乎無法讓我的頭纏繞解決方案。我的代碼如下。在窗口加載時,我想將類'動畫搖動'添加到ID爲「藍色」的元素。動畫發生後,刪除動畫類。Jquery .load函數和添加和刪除類

$(window).load(function(){ 
     $("#blue").addClass('animated shake').0ne('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend',function(){ 
      $(this).removeClass('animated shake'); 
    }); 
}; 

回答

0

你不使用控制檯調試?你有一個錯字和缺少的親本,如果你這樣做會顯示。

$(window).load(function(){ 
    $("#blue").addClass('animated shake') 
    .one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend',function(){ 
     $(this).removeClass('animated shake'); 
    }); 
}); 
0

你似乎有一個錯字:

.0ne()應該.one()

+0

我剛剛將它改爲.one(),但它做同樣的事情,任何理由爲什麼? – 2014-10-19 02:54:34

+0

@KendellDaniel - 你是否意識到單獨的類名不能在其中有空格,所以如果你期望''動畫搖動''是一個附有CSS的單個類名,那不起作用?您必須向我們展示HTML和CSS,以便我們提供更多幫助,因爲問題可能在於這些問題。將代碼,HTML和CSS放入jsFiddle會更好。 – jfriend00 2014-10-19 02:56:03

+0

@KendellDaniel - 在你來到這裏之前,你真的應該看看javascript錯誤控制檯,因爲它會告訴你缺少的paren。 – jfriend00 2014-10-19 02:59:50