在JS / jQuery中设置布尔标志

Question

我无处可去试图在Js / JQuery中设置布尔标志这一简单的任务。我期待在btn1之后点击标志应该改变（全局）。但我可能误解了JS的一些内部作品，点击btn2后，旗帜的状态与最初声明的完全一致 - 我怎么能这样做呢？

JS：

$(document).ready(function(){
  var $btn1 = $("#btn1");
  var $btn2 = $("#btn2");
  var active1 = true;
  var active2 = false;

  $btn1.click(function(){
    $active1 = false;
    $active2 = true;
    alert("after btn1 click: --> " + " active1: " + active1 + ", active2: " + active2);
  });

  $btn2.click(function(){
   // If clicked first on btn1 I'm expecting active1=false; active2=true; ??
        alert("after btn2 click: " + " active1: " + active1 + ", active2: " + active2);
  });
});

   <button id="btn1">Button1</button>
   <button id="btn2">Button2</button>

JsFiddle Here

Answer 1

从声明中删除$。注意{2}的active1而非$active1相同。

$btn1.click(function(){
    active1 = false;
    active2 = true;
    alert("after btn1 click: --> " + " active1: " + active1 + ", active2: " + active2);
  });