与jQuery的动画CSS:缺少随后的介绍

Question

我试图在单击另一个元素时在off Canvas菜单上设置动画。单击按钮后，这种关闭的画布菜单将动画。我的代码下面：

（https://jsfiddle.net/shredder11/fhqsmhdz/13/）

问题：

$(".ok_3").click( function () {
    $(".ok_1").css("right", "90%")
    $(".ok_1").css("left", "0px")
  $(".ok_1").css("z-index", "1")
    $(".ok_2").css("opacity", "0.4")
});
$(document).mouseup(f_1);

一旦我运行一个周期（单击，菜单出现动画，单击以使其消失），然后在按钮上再次单击，动画不再存在。我不是在任何地方删除课程，所以课程仍然应该在那里

Answer 1

您完全正确，您没有删除班级，它仍然在那里！

css动画曾经运行时将运行类时，除非将动画类删除并添加到DOM。

无限重复的动画显然会无休止地运行。具有迭代的动画将用于指定的迭代量，但要触发该迭代动画，您将删除并将类添加到元素中。

您将在删除动画和重新添加动画之间需要少量延迟，以便您最好的选择是检查animationend事件并在此时删除课程。或者删除课程，然后使用setTimeout()添加延迟。不要链removeClass("fadeInLeft").addClass("fadeInLeft")，因为不会延迟。