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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 为什么这个函数与布尔变量不起作用？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1236字，纯文字阅读大概需要2分钟。

内容图文

我编写了简单的代码,在单击按钮(总共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');
    }
  });

解决方法:

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

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

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

内容总结

以上是互联网集市为您收集整理的javascript – 为什么这个函数与布尔变量不起作用？全部内容，希望文章能够帮你解决javascript – 为什么这个函数与布尔变量不起作用？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端