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>

为什么否则在javascript中无效？

2 个答案: