javascript - jquery中的变量作用域

Question

我正在尝试访问在函数外部的 .click 函数内设置的变量的值，但我会收到错误消息，任何人都可以告诉我我在做什么吗？做错了吗？

var id;
var currentPosition;
var slideWidth = 368;
var slides;
var numberOfSlides;

$('#accordion_catering h3').click(function() {
    id = $(this).attr('id');
    $('#' +id+'_gallery').show();
    //alert(id);//works
});
alert(id); // is undefined

// Because id is undefined these don't work .

slides = $('.' + id + '_slide');
numberOfSlides = slides.length;

Answer 1

点击尚未发生，因此 id 尚未设置...这与变量范围无关，更多的是关于事件及其处理程序:)

当您添加 cmt 时，我调整了我的解决方案，如下所示:

var currentPosition;
var slideWidth = 368;
var slides;
var numberOfSlides;
$(document).ready(function() {
    var element = $('#accordion_catering h3');
    element.click(function() {
        var id = $(this).attr('id');
        DisplayGallery(id);
    });
    element.trigger('click'); // maybe you want to trigger it
});
function DisplayGallery(id) {
    $('#' + id +'_gallery').show();
    slides = $('.' + id + '_slide');
    numberOfSlides = slides.length;
}