javascript - 尝试根据变量值更改要播放的动画

Question

所以我尝试基本上创建一个使用转换滑出的 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;
    };
})
})

提前谢谢你们。

Answer 1

您可以在代码中做几件事试试这个:

$(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;
       }
   });
});

---

1. 从 if 条件中删除 .val()。
2. 从 if 条件和 else 部分的结束中删除 ;。
3. 同样在 .animo() 方法运行后，通过删除 .val() 更新 var 的值，您不需要 == 更新值。