为什么如果其他在javascript中不起作用

Why if else doesn't work here in javascript?

本文关键字:不起作用 javascript 如果 其他 为什么      更新时间:2023-09-26

我想要一个动画,每次我单击按钮时它都会切换以左右滑动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> 

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

因为您同时使用左边和右边,所以请尝试以下操作:

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

循环是正确的,但 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>