Почему, если еще не работает здесь в JavaScript?

Question

Почему, если еще не работает здесь в JavaScript?

0

Я хочу, чтобы анимация была такой, что она переключается на сдвиг 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>

Что не так с этим кодом? Я не мог придумать проблему.

OneZero 01 окт. 2013, в 22:14

Источник

Теги:

javascript

html

2 ответа

Ещё вопросы

John Henry Briggs · Answer 1 · 2013-10-01T18-21-00.000Z

Поскольку вы используете как левый, так и правый, попробуйте следующее:

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

Или вы можете установить противоположное значение на ноль, как это: jsfiddle.net/hAbtS
Или очистите слева: $("div").animate({left:'',right:'250px'}); , jsbin.com/OCigILU/1/edit

Z.Alpha · Answer 2 · 2013-10-01T17-35-00.000Z

Петля была права, но 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>