Automatically load content into a created div in jquery

Question

I'm looking for a way to have jquery automatically change the content of a <div> upon its creation in a page.

What I'm doing, specifically, is to use jquery to load django templates into the page. Some of those templates contain s that I want to immediately alter as soon as they come into the browser.

As a simple example, what I'd like is for the following to work:

$(".load_into").live("load",function(){$(this).html("Dynamic content!");});

However, "load" isn't an eventtype that can be used with <div>s, so that doesn't actually work. Any thoughts on simple ways to do this? Thanks for any help!

Answer 1

What you probably want here is the livequery plugin, using it would look like this:

$(".load_into").livequery(function(){
  $(this).html("Dynamic content!");
});

Unlike .live() which listens for events, .livequery() looks for new elements, and will run the function you give it on all new elements as it finds them.