javascript - 为什么如果 else 在 javascript 中不起作用？

Question

我想要一个动画，每次单击按钮时它都会切换为左右滑动 div。但是，当我实际使用代码时，它只会向右滑动一次并停止工作。

<script> 
var left = 1;

$(document).ready(function(){
$("button").click(function(){

  if(left==1){
    $("div").animate({left:'250px'});
    left=2;
  }else{ 
    $("div").animate({right:'250px'});
    left=1;
  }

  });
});

</script> 

这段代码有什么问题？我想不出问题。

Answer 1

因为您同时使用左右，所以试试这个：

if( left === 1 ) {
    $("div").animate({left:'250px'});
    left = 2;
}
else { 
    $("div").animate({left:'0px'});
    left = 1;
}

Answer 2

循环是正确的，但 css 不是。

<script> 
var left = 1;

$(document).ready(function(){
$("button").click(function(){
  if(left==1){
    $("div").animate({left:'250px'});
    left=2;
  }
  else { 
    $("div").animate({left:'0px'});
    left=1;
  }
 });
});

</script>