Javascript 在document ready中声明的变量在Jquery事件处理程序中不可访问

请帮助我理解为什么ax不可访问，而ay在onclick eventhandler中可访问。 我有一个变量，我必须在document.ready中的多个onclick处理程序中访问它。如何声明此变量是最佳实践。

---

正如您在调试位置看到的，“prods”可用，但“catIds”未定义。

奇怪的是，它对我来说工作正常

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
}

---

除了不使用

>关闭脚本之外）它工作正常，尽管我不理解你的锚，所以我在代码片段中更改了它们

一小条

var az=3
$（文档）.ready（函数（）{
var-ax=2；
var ay=1；
$（文档）。在（“单击”，“a[href^=#添加]”，函数（事件）{
event.preventDefault（）；
控制台日志（ax）；
控制台日志（ay）；
控制台日志（az）；
});
});












-您能否共享可执行的演示/代码片段或？为…工作很好<代码>var ay=0$（document）.ready（function（）{var ax=0；$（document）.在（“单击”，“a”，function（event）{event.preventDefault（）；console.log（ax）；//可访问的console.log（ay）；//可访问的}）；}）它不是conosole，它是console@Rayon当我在页面加载后单击“添加到购物车”按钮时，调用eventhandler上面的时间。当时我无法访问ax。将共享一个可执行代码段链接。在这种情况下，选择器不会选择该元素，请检查指定选择器要选择的元素的条件<代码>事件.preventDefault（）将不会使其重新加载！
var ay = 5;
$(document).ready(function() {
    var ax = 6;
    $(document).on("click", "html", function(event) { 
        event.preventDefault();
        alert(ax); // accessible
        alert(ay); // accessible
    })
})