JQuery callback question

Question

I'm trying to assign a different number to different callback functions in jquery.

for (i=o;i<types.length;i++) {
     $('#ajax'+types[i]+'Div').html('Loading...').load('searchAjax.php','new=u',function () { $(this).find('select').change( function() { AjaxDiv(i); } ) } );
}

Everytime I run this section of code, i is 5 for each call to ajaxDiv because it is calling a global variable. I'm not sure if I can either change the scope of i or if there's a way to print the value in the change function. Any ideas?

Thank you in advance! Happy Thanksgiving!

Andrew

See stackoverflow.com/questions/1451009/… and stackoverflow.com/questions/341723/… and about 80 other questions. (Hint: you need a closure) — Crescent Fresh
– Crescent Fresh, Commented Nov 26, 2009 at 15:52
While the others have certainly answered the question, another problem might be that you've set i equal to the letter o... — Gausie
– Gausie, Commented Nov 26, 2009 at 16:34

Christian C. Salvadó · Accepted Answer · 2009-11-26 15:50:21Z

3

The callback functions all refer to the same i variable, and they are executed when the loop is finished.

You have to capture the i variable on the loop:

for (i=o;i<types.length;i++) {
  (function (i) {
     $('#ajax'+types[i]+'Div').html('Loading...').load('searchAjax.php','new=u',
     function () {
       $(this).find('select').change( function() { AjaxDiv(i); } )
     } );
  })(i);
}

answered Nov 26, 2009 at 15:50

Christian C. Salvadó

831k185 gold badges929 silver badges845 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Crescent Fresh Over a year ago

How many times have you explained this on SO? We need this in the FAQ badly.

Christian C. Salvadó Over a year ago

Yes, too many times, a FAQ by language would be nice... stackoverflow.com/questions/1734749 stackoverflow.com/questions/643542 stackoverflow.com/questions/1582634 stackoverflow.com/questions/1331769 stackoverflow.com/questions/1552941 stackoverflow.com/questions/750486 stackoverflow.com/questions/933343 stackoverflow.com/questions/1579978 stackoverflow.com/questions/1413916

Crescent Fresh Over a year ago

Holy crap. Do not ever delete that comment. There's the reference point right there.

Collectives™ on Stack Overflow

JQuery callback question

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related