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之后它才有效，我怎么能解决这个问题呢？

编辑：添加effect variable！

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

第一次调用后点击addClass不起作用

1 个答案: