Hi Everyone,
I am pulling out my hair again! I have a main page which loads 4 sections of content using the .load() jQuery function. The problem that I am having is that having loaded that content I want to hook into elements of that content and manipulate them using jQuery code in my main page’s header. It seems that the new content is present in the HTML (as it displays just fine) but I can’t get a hook into the elements like ul, li or div etc. like it’s missing from the DOM?!?
Having looked in Firebug I can see that all the HTML is OK and all the attributes are as I expect them to be with ID’s and classes where specified. I tried:
Code:
var testElem = (‘ul’);
console.log(testElem);
in my script and sure enough in the console it output the array of ul elements from my main page but not from any of the content inserted by .load(). The code for manipulating the loaded elements is placed after the code for loading the content. After much digging and head scratching I found a reference to the .live() event which seemed to be along the lines of what I need but I couldn’t understand quite what .live() does and how it would fit into my code.
Here’s a snippet of my code:
As usual all help is massively appreciated.
Paul.
