Using jQuery load() on dynamic content

Question

I'm trying to load content into a DIV with jQuery load() but it is not working if the link that calls the function is generated after page load.

var ajax_load = "<img class='loading' src='ajax-loader.gif' alt='loading...' />";
$(".slide_more").click(function() {
    $("#ajaxcontent").html(ajax_load).load('p=4324.php #singlePost');
});

and the generated link:

<a href="#" class="slide_more" id="load_basic">LOAD</a>

I've tried using live() and delegate() with no luck:

$(".slide_more").live('click', function() {
    $("#ajaxcontent").html(ajax_load).load('p=4324.php #singlePost');
});

The strange thing is that the .slide_more class also calls a simple jQuery toggle which is working with live().

Have you use firebug to see if the ajax call works? I suspect your url is being misinterpreted. — Ali
– Ali, Commented Sep 8, 2011 at 8:59
the generated link is generated after page load. this code must be executed after link is generated — galchen
– galchen, Commented Sep 8, 2011 at 9:02
Yes, under the NET/XHR nothing appears except the generated content that contains the link. — elbatron
– elbatron, Commented Sep 8, 2011 at 9:02
@elbatron: jsfiddle.net/mattlunn/2ytnW. You're barking up the wrong tree. If the image path/ AJAX url existed in my Fiddle, it'd work fine. — Matt
– Matt, Commented Sep 8, 2011 at 9:26

elbatron · Accepted Answer · 2011-09-08 20:52:18Z

1

The jQery snippet with the live() handler added to click() event is working fine. I just had to make sure that the code is at the top of the page before any other code.

answered Sep 8, 2011 at 20:52

elbatron

7053 gold badges17 silver badges30 bronze badges

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

Collectives™ on Stack Overflow

Using jQuery load() on dynamic content

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