javascript - 全局变量在 jQuery 中给出“未定义”

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');