Question

count=1;
for(var i=0;i<5;i++){
   count++;
   $("#ImageProductLeft"+count.toString()).bind( click , function(){
           alert(i);                                                                                                                                    
   });
}

我想,在点击<条码>时。 ∗∗∗∗∗∗∗∗∗∗

但onclick on all ImageProductLeft1 :alert(5)。

Answer 1

count=1;
for(var i=0;i<5;i++){
   count++;
   $("#ImageProductLeft"+count.toString()).bind( click , {i: i}, function(event){
         alert(event.data.i);
   });
}

Answer 2

这比以往更有利,更灵活:

$("div[id^= ImageProductLeft ]").each(function(index) {
    $(this).click(function() {
        alert(index);
    });
});

你可以像你所希望的那样,拥有从<代码>开始的同样内容,并点击任何内容,提醒他们各自的指数。

现场测试案例。

Answer 3

你们正在 lo中创造功能。所有变量将相互共享,并共享i。

在最终指定这些职能时,已经完工的休息室和<代码>i将具有<代码>5的价值。

Java文没有封面。 1. 创造新的范围,并反映您的职能要求的各项变量的价值:

for(var i=0;i<5;i++){
   (function(x) {
       $("#ImageProductLeft"+count.toString()).bind( click , function(){
           alert(x);                                                                                                                                    
       });
   }(i));
}

Here we use an immediate function to "capture" the value of i.

她说,正如你在使用j Query时所显示的那样,解决该问题还有其他更合理的方法,见 @scessor s和。 Wizard s 答复。

然而,重要的是知道why它像现在这样工作,how可在“纯”的Java文本中解决。

Closures can be tricky. I suggest having a look at JavaScript Closures for Dummies.

Answer 4

for (var i = 1; i<6; i++)
{
    $("#ImageProductLeft" + i.toString()).bind( click , function() {
        alert(i);
    });
}

Answer 5

You re having this problem because the i in each of the event handlers you created is pointing to the same location in memory. Try using this:

count=1;
for(var i=0;i<5;i++){
   count++;

   $("#ImageProductLeft"+count.toString()).bind( click , 
       function(x){
           return function() { alert(x); };
       }(i)                                                                                                                                    
   });
}

这是一个相当常见的错误。 See ,this for further interpret

友情链接