在javascript中切换布尔值

时间:2014-12-04 20:06:10

标签: javascript jquery boolean toggle

我是javascript中的新手,似乎有些东西我只是不了解布尔值。每当有人点击我网页上的元素时,我都会尝试切换布尔值。代码如下所示:

$(document).ready(function() {
var toggled;
$("#button").click(function(){
   toggled=!toggled;
}); 
if(toggled){
     $(".offcanvas").css("margin-left","0%");
}
else{
    $(".offcanvas").css("margin-left","-40%");
}

});

如果有人能解释我的错误,我将非常感谢你的帮助。

提前谢谢

1 个答案:

答案 0 :(得分:0)

试试这个......

$(document).ready(function() {
  var toggled = false;
  $("#button").click(function(){
   toggled=!toggled;
    if(toggled){
       $(".offcanvas").css("margin-left","0%");
    }
    else{
      $(".offcanvas").css("margin-left","-40%");
    }
  });
});

在click事件中移动if结构将确保在切换更改后检查它。设置一个默认值对我来说是正确的,虽然你可能在那里做得很好。