javascript - 在 Jquery 事件处理程序中无法访问在文档内部声明的变量就绪

Question

var ay = 0;
$(document).ready(function() {
    var ax = 0;
    $(document).on("click", "a[href$=#icom_add_to_cart]", function(event) { 
        event.preventDefault();
        console.log(ax); // not accessible
        console.log(ay); // accessible
}

请帮助我理解为什么在 onclick 事件处理程序中无法访问 ax 而可以访问 ay。我有一个变量，我必须在 document.ready 中的多个 onclick 处理程序中访问它。声明此变量的最佳做法应该是怎样的。

如您在调试位置所见，“prods”可用，但“catIds”未定义。

Answer 1

除了不使用 }) 关闭你的脚本外， 它工作正常，虽然我不理解你的 anchor ，所以我在代码段中更改了它们。

片段

var az = 3
$(document).ready(function() {
  var ax = 2;
  var ay = 1;
  $(document).on("click", "a[href^=#add]", function(event) {
    event.preventDefault();
    console.log(ax);
    console.log(ay);
    console.log(az);
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
  <li><a href='#add1'>+1</a>
  </li>
  <li><a href='#add2'>+2</a>
  </li>
  <li><a href='#add3'>+3</a>
  </li>
  <li><a href='#add4'>+4</a>
  </li>
  <li><a href='#add5'>+5</a>
  </li>
</ul>