[jQuery] LiveQuery and Dynamic Content
Alright,
I having been looking for a solution to loading an external file and
applying a function to that content dynamically. I think I have found
the solution by using Jquery, liveQuery plugin and the following code
I found at:
http://nettuts.com/javascript-ajax/how-to-load-in-and-animate-content-with-jquery/
Basically I want to be able to add a Jquery function that will add a
DropCap to the first paragraph of a particular div of the loaded
external content.
So here's my delimma, I'm not quite sure how to add livequery to my
dropcap code. Here's the code:
$(document).ready(function(){
swap_letter();
});
function swap_letter() {
var first_paragraph = $('div.drop-cap p')[0];
if (!first_paragraph) return false;
var node = first_paragraph;
while (node.childNodes.length) {
node = node.firstChild;
}
var text = node.nodeValue;
var first_letter = text.substr(0,1);
var match = /[a-zA-Z]/.test(first_letter);
if ( match ) {
node.nodeValue = text.slice(1);
$('<img />')
.attr('src','images/alphabet/' + first_letter.toLowerCase() +
'.png')
.attr('alt',first_letter)
.addClass('fancy-letter')
.prependTo( first_paragraph );
}
}
So anyone have a clue on how to add livequery to this?
Thanks!