全局变量在jQuery中给出“undefined”

Question

我必须在点击两个不同<img>时执行的函数。我必须在他们之间传达一个变量。

摆脱无关的代码，我有什么看起来像这样：

var size=0; 

    $('#gallery img').click(function(){ 

     window.size = $('#lightbox img').attr('data-size'); 

    }); 


    $('#lightbox i').click(function(){ 

       var dest=window.size-1; 
    }); 

但是，当我去JavaScript控制台，然后输入size，我得到undefined。

Answer 1

更换

window.size 

随着

size 

，因为它的JavaScript自定义变量不是一个窗口对象属性

编辑

var size=0; 

$('#gallery img').click(function() 
{ 
    size = $('#lightbox img').attr('data-size'); 
}); 

$('#lightbox i').click(function() 
{ 
    var dest = size-1; 
    alert(dest); 
    alert(size); 
}); 

上面的代码会提醒0和-1如果你第一次点击#ligtbox i现在，如果你第一次点击#gallery img然后它会根据你click作出警告的结果。

Answer 2

变化

window.size 

到

size 

和$('#lightbox img').attr('data-size');

到

$('#lightbox img').data('size');