Dynamic links function parameters problem jquery

Question

I'm having problems with some dynamic elements that I'm creating with Jquery.

for(var i = 1; i <= totalPages; i++) {
            var link = $(document.createElement('a')).html(i.toString());
            link.attr("id", "link" + i);
            link.click(function ()
            {
                nextPage(i);
            });
            link.css('cursor', 'pointer');
        }

When I see the page and click in the links they always send the parameter with the last value of the variable "i" (always totalPages + 1).

Anyone knows what am I doing wrong?

cambraca · Accepted Answer · 2010-11-30 23:25:20Z

2

Try this

for(var i = 1; i <= totalPages; i++) {
    var link = $(document.createElement('a')).html(i.toString());
    link.attr("id", "link" + i);
    link.data("index", i);
    link.click(function ()
    {
        nextPage($(this).data("index"));
    });
    link.css('cursor', 'pointer');
}

answered Nov 30, 2010 at 23:25

cambraca

28k17 gold badges71 silver badges102 bronze badges

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

Collectives™ on Stack Overflow

Dynamic links function parameters problem jquery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related