Simple: replace div with ajax content (jquery)

Question

I followed this thread. I now have:

<a href="#" onclick="$('#gc').load('test');">reload</a>... </span>
<div id="gc">
    empty
</div>

This is what I am getting:

Uncaught exception: TypeError: Cannot convert '$('#gc')' to object
Error thrown at line 1, column 0 in <anonymous function>(event):
    $('#gc').load('test');

What is that? I thought I would be able to select a div and replace the contents with load()?

Jacob Relkin · Accepted Answer · 2011-01-03 14:09:01Z

4

Try attaching the event handler on domready:

HTML:

<a href="some-url" class="reload_link">reload</a>
...

JS:

(function($) {
  $(function() {
     $('.reload_link').click(function() {
        $(this).next('div').load(this.href);
        return false;
     });
  });
})(jQuery);

I like to wrap my jQuery code inside of an anonymous function using a $ argument to avoid name conflicts with other libraries. (Of course, I could just use jQuery.noConflict() as well)

The way this works is it retrieves all elements in the document that have a class of reload_link, then for each one, it retrieves the next <div> element and invokes load, passing in the current <a> element's href attribute.

edited Jan 3, 2011 at 14:09

answered Jan 3, 2011 at 13:55

Jacob Relkin

164k34 gold badges352 silver badges321 bronze badges

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

3 Comments

Karel Over a year ago

Thanks, that worked. Can I easily mark more <a>-elements with reload_link? And can you shortly explain WHY this works?

Jacob Relkin Over a year ago

@user469110 You can use a class and select on those, maybe even utilize the href attribute to determine which URL gets loaded...

sinni800 Over a year ago

Why it works? Because Jquery gets ready when the page is fully loaded. Because "onclicks" get registered before jquery is ready, it cant work.

Collectives™ on Stack Overflow

Simple: replace div with ajax content (jquery)

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