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");
  });
});

Jquery-On单击更改循环

1 个答案: