javascript - 第一次通话后单击时添加类不起作用

Question

当单击 link 时，我正在尝试将动画 class 添加到我的 div 中:

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

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

但它在我第一次点击 link 后就不起作用了，我该如何解决？

编辑:添加效果 变量!

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 动画，你想通过删除和添加相同的类来触发它