Javascript else condition not triggering

Question

Я пытаюсь сделать базовую анимацию javascript/jquery. В принципе, div, который скрыт под нормальным представлением, должен появиться при нажатии кнопки.

Проблема у меня есть в состоянии (инструкция if else).

Вот код, который я использую.

$(document).ready(function() { 
    animationClick('#animateThis', '#someElement', '#startHere'); 
}); 

function animationClick(element, secondElement, elementToBeClicked) { 
    element = $(element); 
    elementToBeClicked = $(elementToBeClicked); 
    secondElement = $(secondElement); 
    var state = 0; 
    var containerWidth = $('#container').width(); 
    elementToBeClicked.on("click", function() { 
     if(state == 0) { 
      secondElement.animate({ 
       top: '27%', 
      }, 500); 
      element.animate({ 
       left: '0%', 
      }, 500); 
      elementToBeClicked.html("Hide"); 
      state = 1; 
     } else { 
      alert('hehehe'); 
     } 
    }) 
}; 

Так, в основном, это то, что происходит. Вся функция помещается в document.ready. Когда я нажимаю на кнопку (с которой связана эта функция), оператор if возвращает true, и код запускается. Он также устанавливает состояние в 1.

После того, как государство получает значение 1, заявление else if должно вступить в действие и показать alert("hehehe"), но это не так.

Может ли кто-нибудь дать мне какой-нибудь совет? Что я делаю не так ?

Answer 1

Вы связали событие "click" с номером "elementToBeClicked" в начале if. Попробуйте указать unbind в конце инструкции if, а затем посмотреть, что произойдет, но, как правило, чтобы проверить только, что выполняется else, просто выведите предупреждение из события click.

Answer 2

Я думаю, проблема в том, что при сравнении переменных и нуля в выражении if вы должны использовать три ===. Например: if (state === 0)

Answer 3

Ваше переменное «состояние» является локальным для функции. Вот почему при последующих вызовах функции всегда 0. инициализируйте переменную вне функции.