Попытка изменить анимацию для воспроизведения на основе значения переменной

Question

Попытка изменить анимацию для воспроизведения на основе значения переменной

0

Таким образом, я пытаюсь в основном создать div, который с помощью преобразования преобразует, так как они работают лучше всего в Chrome. Я использую плагин под названием Animo.js, который использует классы.css для анимации с использованием jquery, но я не могу получить правильный код. Я бы предпочел не использовать переключатели классов или jQuery.

Пример кода

$(document).ready(function()


var $hTog = 0


$('#home').click(function()
{
    if( $hTog.val() == 0)
    {
        $('#hSlider').animo({animation: 'hGrow', iterate: 1, duration: 10, keep: true, timing: 'linear'});
        $hTog.val() == 1;
    };
    else
    {
        $('#hSlider').animo({animation: 'hShrink', iterate: 1, duration: 10, keep: true, timing: 'linear'});
        $hTog.val() == 0;
    };
})
})

Спасибо заранее, ребята.

UncleDozer 11 май 2014, в 16:04

Источник

0

Вы пытались удалить .val() ? Также вам нужно добавить фигурную скобку в конце функции ready()
ntzm 11 май 2014, в 14:01

Теги:

javascript

jquery

html

css

2 ответа

0

Вы ссылаетесь на.val(), но вы присвоили $ hTog значение 0 без свойств. Попробуй это:

$(document).ready(function() {
  var hTog = 0
  $('#home').click(function() {
    if (hTog === 0) {
      $('#hSlider').animo({animation: 'hGrow', iterate: 1, duration: 10, keep: true, timing: 'linear'});
      hTog = 1;
    } 
    else {
      $('#hSlider').animo({animation: 'hShrink', iterate: 1, duration: 10, keep: true, timing: 'linear'});
      hTog = 0;
    }
  });
});

wiherek 11 май 2014, в 12:42

Ещё вопросы

Вы пытались удалить .val() ? Также вам нужно добавить фигурную скобку в конце функции ready()

Jai · Accepted Answer · 2014-05-11T13-09-00.000Z

В коде есть несколько вещей, которые вы можете сделать:

$(document).ready(function(){ // the '{' not there add this
    var $hTog = 0;
    $('#home').click(function(){
       if( $hTog == 0){
          $('#hSlider').animo({animation: 'hGrow', iterate: 1, duration: 10, keep: true, timing: 'linear'});
          $hTog = 1;
       }else{
          $('#hSlider').animo({animation: 'hShrink', iterate: 1, duration: 10, keep: true, timing: 'linear'});
          $hTog = 0;
       }
   });
});

Удалите .val() из условий if.
Удалите ; от закрытия условия if и еще части.
Также после .animo() метода .animo() обновляется значение var с удалением .val() и вам не нужно == обновлять значения.

Благодаря тонну! Это сработало отлично. Я подумал, что это просто вопрос синтаксиса. Все еще учусь.