How to make $.get() data available to js?

Question

I am using $.get() to load new content into a div. The content includes a list, each row having a title and a hidden description.

I have a separate jquery call that is meant to toggle the hidden div for each row when clicking on the title, which works fine when the data already exists (default content loaded with the page), but when it's dynamically replaced with a $.get() call, the divs then seem to become invisible to the command..

Any ideas? Do I need to somehow get javascript to refresh it's version of the DOM? TY

how are you wiring the toggle? if you are loading dynamically then your bind should be .live() instead of .bind(). post your code for better help. — Victor
– Victor, Commented Jan 31, 2011 at 21:11
I was simply using the click function: $(".show_link").click(function (e) {}); (which isn't being called- tested with a basic alert();) — Ryan
– Ryan, Commented Jan 31, 2011 at 21:13

Victor · Accepted Answer · 2011-01-31 21:17:18Z

3

Try this instead. This will bind elements that are inserted after the page loads:

$(".show_link").live('click', function (e) {});

The way you are binding the command it only happens when the page loads, so it will only bind those elements that match the selector at the time the page loads. Since you are inserting the markup after the page loads, jquery does not know those elements exist and therefore not wired to your function. Like I said above, try using .live() instead.

answered Jan 31, 2011 at 21:17

Victor

4,7311 gold badge28 silver badges31 bronze badges

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

Comments

Basic · Accepted Answer · 2011-01-31 21:09:03Z

0

The DOM should update automatically. Are you sure the content you're loading has the appropriate Ids?

Try manually browsing to the URL used in the AJAX call and compare what you get with what's originally in the page. It's also possible you're retrieving spurious tags (html, body, etc) which may interfere with your JQuery selector

answered Jan 31, 2011 at 21:09

Basic

26.9k29 gold badges122 silver badges209 bronze badges

Collectives™ on Stack Overflow

How to make $.get() data available to js?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related