第一次调用后单击时添加类不起作用

addClass on click after first call doesn't work

本文关键字：添加 不起作用 单击 调用 第一次      更新时间：2023-09-26

当单击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之后它不起作用时它不起作用，我该如何解决？

编辑：添加effect variable！

EDIT2：效果是CSS动画，我想通过再次删除和添加相同的类来触发它才能工作。

在同一语句中删除和添加类不会重绘，因此它不执行任何操作，使用超时来延迟添加类

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

我猜这是针对CSS动画的，您希望通过删除和添加相同的类来触发CSS动画

相关文章：