我有一个问题类似于这里的问题:Event handlers inside a Javascript loop - need a closure?但我使用的是jQuery,并且给出的解决方案似乎会在事件发生时触发而不是点击。
这是我的代码:
for(var i in DisplayGlobals.Indicators)
{
var div = d.createElement("div");
div.style.width = "100%";
td.appendChild(div);
for(var j = 0;j<3;j++)
{
var test = j;
if(DisplayGlobals.Indicators[i][j].length > 0)
{
var img = d.createElement("img");
jQuery(img).attr({
src : DisplayGlobals.Indicators[i][j],
alt : i,
className: "IndicatorImage"
}).click(
function(indGroup,indValue){
jQuery(".IndicatorImage").removeClass("active");
_this.Indicator.TrueImage = DisplayGlobals.Indicators[indGroup][indValue];
_this.Indicator.FalseImage = DisplayGlobals.IndicatorsSpecial["BlankSmall"];
jQuery(this).addClass("active");
}(i,j)
);
div.appendChild(img);
}
}
}
我尝试了几种不同的方法但没有成功......
最初的问题是_this.Indicator.TrueImage始终是最后一个值,因为我使用循环计数器而不是参数来选择正确的图像。
答案 0 :(得分:14)
你错过了一个功能。 .click函数需要一个函数作为参数,因此您需要执行此操作:
.click(
function(indGroup,indValue)
{
return function()
{
jQuery(".IndicatorImage").removeClass("active");
_this.Indicator.TrueImage = DisplayGlobals.Indicators[indGroup][indValue];
_this.Indicator.FalseImage = DisplayGlobals.IndicatorsSpecial["BlankSmall"];
jQuery(this).addClass("active");
}
}(i,j);
);
答案 1 :(得分:13)
Greg 的解决方案仍然有效,但您现在可以通过使用jQuery click方法的eventData
参数(或bind来创建其他关闭或者任何其他事件绑定方法。)
.click({indGroup: i, indValue : j}, function(event) {
alert(event.data.indGroup);
alert(event.data.indValue);
...
});
看起来更简单,可能更有效(每次迭代少一次闭包)。
bind方法的文档包含有关事件数据的说明和一些示例。
答案 2 :(得分:6)
Nikita 的答案就可以正常运行。对于之前的版本(返回1.0),您必须使用 bind ,如下所示:
.bind('click', {indGroup: i, indValue : j}, function(event) {
alert(event.data.indGroup);
alert(event.data.indValue);
...
});
希望这可以帮助其他人仍然使用1.4.2(像我一样)