addClass不工作

Question

我試圖動畫class添加到我的div當link單擊像這樣：

var effect = "tada"; 
$(document).ready(
    function() { 

     $("#navbar-ul a").click(function() { 
      //add effect to the content 
      $("#content").removeClass(effect).addClass(effect); 
     }); 
    } 
); 

但它的作品我第一次點擊一個link後它不，我該如何解決這個問題？

編輯︰加effectvariable！

EDIT2：效果是CSS動畫，我想要通過刪除並再次添加相同的類來工作。

Answer 1

卸下和在同一語句不重繪添加類，所以它不會做任何事情，使用超時推遲添加類

var effect = "tada"; 
$(document).ready(function() { 

    $("#navbar-ul a").click(function() { 
      $("#content").removeClass(effect); 
      setTimeout(function() { 
       $("#content").addClass(effect); 
      }, 2000); 
    }); 
}); 

我猜這是CSS動畫，你想要通過刪除和添加相同的類來觸發