[jQuery] Re: Why does my closure not seem to share scope?

[Matt Kruse]

On Jul 25, 7:22 am, Henry <[EMAIL PROTECTED]> wrote:
> for (var i = 1; i < totalPages + 1; i++) {
>   $("#pages_panel").append($("<span> " + i + "</span>")
>     .click(
>            (function(x){
>              return (function(){
>                pageClicked(x);
>                console.log("i:" + x);
>              });
>            })(i)
>     )
>   );
> }

Another approach is to use the new Function() constructor which is
evaluated in the global scope and nice for very short functions:

for (var i = 1; i < totalPages + 1; i++) {
  $("#pages_panel").append($("<span> " + i + "</span>")
    .click( new Function("pageClicked("+i+"); console.log('i:"+i
+"'); ));
}

If you are going to use Henry's approach (which is very much correct)
I usually prefer to pull it out into another function to avoid so many
nested anonymous functions. I think it's easier to read:

function getClickFunc(i) {
  return (function() {
    pageClicked(i);
    console.log("i:"+i);
  });
}
for (var i = 1; i < totalPages + 1; i++) {
  $("#pages_panel").append($("<span> " + i + "</span>")
    .click( getClickFunc(i) );
}

(careful, above not tested and is highly subject to typos. But the
concept should be clear)

Matt Kruse