JQuery .load event not fired on anchor link click event

Question

I have a webpage with search form fields and on click of submit button, I do an Ajax call and fill a div with results using Ajax.BeginForm

The results have paging links to handle paging.

The problem is after the Ajax call I have this Jquery code that should fire when one of the paging links is clicked. But they do not fire.

Is this because the div is filled using Ajax call?

I tested that code using the click of the submit button and it fires ok. Just the paging links don't fire.

$('.pagerlinks a').click(function () {
    $('#resultsdiv').load('Search/Advanced', { Keywords=keywords, etc });
});

Richard · Accepted Answer · 2009-05-16 09:22:14Z

3

I would use the live binding function in jquery to be able to bind to all specified elements at any time of creation:

http://docs.jquery.com/Events/live

Also does your code fire on DOM ready event? as in:

$(function () {
 $('.pagerlinks a').click(function() {
       $('#resultsdiv').load('Search/Advanced', {Keywords=keywords, etc }); 
});

});

answered May 16, 2009 at 9:22

Richard

22.1k13 gold badges65 silver badges102 bronze badges

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

1 Comment

Malcolm Over a year ago

Yes I do have the ready event coded. I will try this live binding. But should what I have done worked????

karim79 · Accepted Answer · 2009-05-16 09:33:38Z

2

Another way of doing it is by rebinding in a callback function, called as $.load's second parameter:

function initPagerlinks()
{
     $('.pagerlinks a').click(function() {
           $('#resultsdiv').load('Search/Advanced', {Keywords=keywords, etc }, initPagerlinks); 
     });
}

$(document).ready(function() {
    initPagerlinks();
});

answered May 16, 2009 at 9:33

karim79

343k67 gold badges420 silver badges409 bronze badges

Comments

Thinker · Accepted Answer · 2009-05-16 10:07:29Z

0

There are two solutions: 1. Add to load function callback that setups events on loaded content. 2. Use live events:

$("p").live("click", function(){ $(this).after("Another paragraph!"); }); http://docs.jquery.com/Events/live

answered May 16, 2009 at 10:07

Thinker

14.5k9 gold badges42 silver badges56 bronze badges

Collectives™ on Stack Overflow

JQuery .load event not fired on anchor link click event

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related