JCarousel Lite interaction with Ajax
I'm using the jCarouselLite plugin and have made each image in the carousel a clickable link that loads/replaces content in a div below dynamically with Ajax (using the $.get request). It's working
some of the time, but at other times, when I click on an image, instead of replacing the div, the browser loads the html file it's supposed to use in the $.get function. Does anyone know why it might be working some of the time, but not all the time? I've attached the JCarousellite plugin I'm using for reference, and my Ajax script is below:
<script>
$("li#knight").click(function() {
$.get("knightint.html", function(data) {
$("div#accordion").html(data);
});
return false;
});
$("li#ehn").click(function() {
$.get("netwke.html", function(data) {
$("div#accordion").html(data);
});
return false;
});
$("li#sangillo").click(function() {
$.get("sangillos.html", function(data) {
$("div#accordion").html(data);
});
return false;
});
$("li#zen").click(function() {
$.get("zengarden.html", function(data) {
$("div#accordion").html(data);
});
return false;
});
$("li#blank").click(function() {
$.get("blankgen.html", function(data) {
$("div#accordion").html(data);
});
return false;
});
$("li#pd").click(function() {
$.get("pd.html", function(data) {
$("div#accordion").html(data);
});
return false;
});
</script>
Thanks in advance for any help.