Jquery Loop无法正常工作？

Question

我正在尝试创建一个循环来创建许多函数,以便当用户单击拇指向上按钮时,它会运行正确的.php文档.当我移除循环并且只给出var ia特定数字时,它工作得很好但是当我尝试将其变成循环时,在警报(i)我在第一个循环上得到10.

 var i=1;
 while ( ++i < 10 ) {
    $('#thumbup' + i).click(function() {
        var userid = $('#theuser' + i).text();
        var url = "_thumbup.php?userid=" + userid;
        //alert(url);

        $('#thumbup' + i).hide();
        $('#thumbdown' + i).hide();

        $("#toggle").css("display","block");
        alert(i); // Give me 10 on first loop?!?

        // get the URL
        http = new XMLHttpRequest(); 
        http.open("GET", url, true);
        http.send(null);

        // prevent form from submitting
        return false;   

    }); 
  }

Answer 1

这是一个经典问题:当你的回调被调用时,它i具有循环结束的值.

以下是您可以解决的问题:

var i=1;
while ( ++i < 10 ) {
   (function(i){
      // your current code
   })(i);
}

它的工作原理是因为内部函数在调用时会创建一个范围,并且此范围包含i您想要的值.