ansaurus

Question

jQuery update DOM to access injected html tags

Answer 1

+1 A:

You can access them, as soon as the elements are added to the DOM $(".image") will find them. However slow needs to be in quotes for your particular example:

$(".image").show("slow");

"show" is a key that means 600ms, $(".image").show(600); would have the same effect.

Don't use "View Source" to see what's currently in your page (since it'll show what was there when the page loaded), instead use a DOM inspector like Firebug or the Chrome Developer tools.

Nick Craver 2010-10-27 00:10:51

Thanks, you're right - that line was just out of my head. I wanted to know where I have to place my $(".image") command? Does it have to be after the $.ajax() part or somewhere particular?

j. frakes 2010-10-27 00:16:16

Or a better question, is the ready event called again, after an ajax request?

j. frakes 2010-10-27 00:20:19

The $(".image").show('slow') needs to be in a callback function. Typically, it would looks something like this:$.ajax({ ..., success : function(){ $(".image").show("slow") } });

Horatio Alderaan 2010-10-27 00:22:07

That works for me with classes or tags which were there before I did the request, but newly added aren't recognized somehow

j. frakes 2010-10-27 00:25:02

I can't even hide them with $('img').hide(); on $.ajax{ success:... } or .ajaxComplete eventhough those events get called

j. frakes 2010-10-27 00:37:50

@jfrakes - make sure you're calling `$(".image")` *after* the elements are added.

Nick Craver 2010-10-27 00:41:42

I edited my original post to show my code

j. frakes 2010-10-27 00:57:02

ansaurus

tags:

views:

answers:

jQuery update DOM to access injected html tags

related questions