The page:
http://www.edutecher.net/links.php
The problem:
Using the selection on the left side loads the results on the right using a JQuery AJAX post shown here:
function updateLinks(){
$("#linkBody").fadeOut(500);
$.post(
'ajax/linksfilter.php',
$("#updateForm").serialize(),
function(data){
$('#linkBody').html(data);
}
);
$("#linkBody").fadeIn(500);
return false;
}
After the request displays the results there will be a LINK on each item which will open up a lightbox style window (http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/) containing a commenting system (http://js-kit.com/).
All the scripts seem to be correct... the ajax works correctly... the lightbox link on the links.php works correctly (before and after the ajax request).
My Research:
After doing my research i've discovered that the portion created by the AJAX request does not have the javascript associated with it. Most online forums show the fix for a basic javascript AJAX request and not the shortened JQuery version. Also all attempts to convert it have failed.
The solution:
I need someone to show me the proper way of re-running the javascript over the newly created portion.
If anyone could be of any help I'd greatly appreciate it.
Thanks,
Jim
PS - If you need to see more code let me know.