为什么这个函数与布尔变量不起作用?

时间:2017-12-07 11:06:59

标签: javascript jquery function boolean

我编写了简单的代码,用于在单击按钮(总共5个)后显示/隐藏某些图层,并更改单击按钮的颜色。这很好。但后来我想显示一个元素 - 一个箭头 - 只有在使用布尔变量点击第一个按钮后它才能工作,if语句永远不会返回第一个(hooray)部分。我错过了什么?

var click01 = false;

function allowright1() {
  if (click01 == true) {
    console.log('hoooray');
    $('#right_arrow').removeClass('hidden').addClass('visible');
  } else {
    console.log('not working');
  }
};

$('#tile1_p1').click(function() {
  if ($('#1layers1').css('display') == 'none') {
    $('#1layers2, #1layers3, #1layers4, #1layers5').removeClass('block').addClass('none');
      $('#tile2_p1, #tile3_p1, #tile4_p1, #tile5_p1').removeClass('orange');
      $('#1layers1').removeClass('none').addClass('block'); $('#tile1_p1').removeClass('white').addClass('orange');
      var click01 = true; 
      console.log('click01 ' + click01); 
      allowright1();
    }
    else if ($('#1layers1').css('display') == 'block') {
      $('#1layers1').removeClass('block').addClass('none');
      $('#tile1_p1').removeClass('orange').addClass('white');
    }
  });

1 个答案:

答案 0 :(得分:4)

您没有重新分配顶级变量click01

通过指定var click01 = true;,您在单击处理程序中声明了一个与顶级变量不同的变量。如果您删除var它应该适用于您,例如

$(...).click(function() {
  ...
  click01 = true; // by removing var we reassign the top level variable
  ...
});