Script won't run when using .Load();
Hello,
I built this page as one static page, I used the jCarouselLite plugin on that page, and it worked fine.
I then took the portion of the page with the Carousel div and put it in a separate file, so I could load it into a DIV using .Load().
Once I did that, the Carousel script stopped working. It still works if I load the page directly, but when it loads into the page it doesn't apply the script. There are no errors.
I tried moving all the function calls, script references, styles, etc into the new file, but that didn't help.
If you look on this page, the 1st box (on the top left, named "PHOTOS") has the carousel functionality:
http://wisetopic.com/profile/ajax/overv ... ?userid=66
See it scrolls?
Now this is the page that loads the above referenced page. It loads the same content, but the script doesn't work:
http://wisetopic.com/profile/index.aspx?userid=66
The script is simple; I'm referencing it in both pages now. I tried it on just the parent and child.
<script type="text/javascript">
$(document).ready(function() {
$(function() {
$(".anyClass").jCarouselLite({
btnNext: ".next",
btnPrev: ".prev",
mouseWheel: true
});
});
});
</script>
Any help you can offer would be most appreciated.
Thank you.