jquery中的變量作用域

Question

我試圖訪問在函數外部設置的.click函數內的變量的值，但我會得到錯誤，任何人都可以告訴我我做錯了什麼？當單擊事件處理至少運行一次，因爲你設置事件處理程序

Answer 1

點擊還不occure裏面的id變量

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 2

ID纔會被置，所以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; 
} 

Answer 3

var id; 
var currentPosition; 
var slideWidth = 368; 
var slides; 
var numberOfSlides; 
$(document).ready(function() { 
    $('#accordion_catering h3').click(function() { 
     id = $(this).attr('id'); 
     $('#' +id+'_gallery').show(); 
     //alert(id);//works 
     slides = $('.' + id + '_slide'); 
     numberOfSlides = slides.length; 
    }); 
    $('#accordion_catering h3').trigger('click'); 
    alert(id); // is defined 
)}; 

所以，基本上，不要訪問id，直到這個事件被觸發，它纔會被設置。