為什么如果在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>