Javascript 第一次调用后单击addClass不会'；行不通

我试图将动画

class

添加到我的

div

中，此时单击

链接

，如下所示：

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

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

但当我第一次点击

链接时，它就起作用了，之后它就不起作用了，我该如何修复它呢

编辑：添加
效果
变量

EDIT2:effec是CSS动画，我想通过再次删除和添加同一个类来触发它，以便工作。
在同一语句中删除和添加该类不会重新绘制，因此它不做任何事情，请使用超时来延迟添加该类

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

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

我猜这是针对CSS动画的，您希望通过删除和添加相同的类来触发CSS动画
在同一语句中删除和添加该类不会重新绘制，因此它不会做任何事情，请使用超时来延迟添加该类

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

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

我猜这是针对CSS动画的，您希望通过删除和添加相同的类来触发CSS动画
在同一语句中删除和添加该类不会重新绘制，因此它不会做任何事情，请使用超时来延迟添加该类

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

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

我猜这是针对CSS动画的，您希望通过删除和添加相同的类来触发CSS动画
在同一语句中删除和添加该类不会重新绘制，因此它不会做任何事情，请使用超时来延迟添加该类

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

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

我猜这是针对CSS动画的，你想通过删除和添加同一个类来触发它。同样，为什么要删除一个类来再次添加它呢？所以
CSS
效果会再次生效！可能是因为元素没有开始的类。删除它（不执行任何操作），然后添加它，这将添加样式并更改其外观。然后，任何连续的点击都会简单地删除和添加它，实际上什么都不做。还有，为什么要删除一个类来再次添加它呢？所以
css
效果会再次生效！可能是因为元素没有开始的类。删除它（不执行任何操作），然后添加它，这将添加样式并更改其外观。然后，任何连续的点击都会简单地删除和添加它，实际上什么都不做。还有，为什么要删除一个类来再次添加它呢？所以
css
效果会再次生效！可能是因为元素没有开始的类。删除它（不执行任何操作），然后添加它，这将添加样式并更改其外观。然后，任何连续的点击都会简单地删除和添加它，实际上什么都不做。还有，为什么要删除一个类来再次添加它呢？所以
css
效果会再次生效！可能是因为元素没有开始的类。删除它（不执行任何操作），然后添加它，这将添加样式并更改其外观。任何连续的点击都会简单地删除并添加它，实际上什么也不做。@MixedCoder-如果它损坏，那是无关的，是由其他原因造成的。应该注意的是，CSS动画在大多数情况下也会以相反的方式进行动画，因此立即删除和添加类可能无法按您想要的方式工作，即使动画被正确触发。@MixedCoder-如果它中断，那是不相关的，是由其他原因引起的。应该注意的是，CSS动画在大多数情况下也会反向动画，因此立即删除和添加类可能无法按您希望的方式工作，即使动画被正确触发。@MixedCoder-如果它中断，那是不相关的，是由其他原因引起的。应该注意的是，CSS动画在大多数情况下也会反向动画，因此立即删除和添加类可能无法按您希望的方式工作，即使动画被正确触发。@MixedCoder-如果动画被触发，那是不相关的，并且是由其他原因引起的。应该注意的是，CSS动画在大多数情况下也会以相反的方式进行动画，因此，即使动画被正确触发，立即删除和添加类也可能无法按您想要的方式工作。