javascript - Jquery-On点击改变循环

Question

我有一个脚本，单击后会淡出一个元素，更改 css 并使其取消淡出。我希望在第二次单击时它会执行相同的操作，但会更改为其他一些 css。我希望它以某种循环的方式执行此操作。我也可以用更少的代码来做这个吗？抱歉，如果这是一个简单的问题，我是 js 的新手。

<script>
  $(function() {
  $("#banner").click(function() {
  $("#banner").fadeOut("fast", function() {
  $("#banner").css({top:"0", left:"0"});
  }).fadeIn("slow");
  });
  });
</script>

Answer 1

您需要某种指示脚本已经运行的指示器。您可以通过添加类名并检查它来完成此操作。

$(function() {
  $("#banner").click(function() {
      if($("#banner").hasClass('done')) {
          // your new code
      }
      $("#banner").addClass('done');
      $("#banner").fadeOut("fast", function() {
        $("#banner").css({top:"0", left:"0"});
      }).fadeIn("slow");
  });
});