У меня есть плагин jCarouselLite на моем сайте. Я загружаю li из функции jquery.load. Я прокручиваю карусель по вертикали, и у меня есть функция, которая срабатывает, как только первый элемент возвращается наверх.
На данный момент я хочу обновить данные с помощью другого ajax.load. Здесь я столкнулся с проблемой. Как только эти данные перезагружаются, карусель перестает вращаться (точнее, работает в фоновом режиме).
Одно из решений, которое я пробовал, — попробовать переустановить карусель с другим:
$("#tableapp").jCarouselLite({})
линия. Кажется, это приводит к тому, что две карусели работают одновременно. А потом третий, и четвертый, и так далее.
Итак, в основном я ищу способ очистить карусель, перезагрузить обновленные данные, а затем снова запустить ее. Любые идеи?
$(document).ready(function () {
updateConsole() //Gets new data
scrollWindow() //Starts carousell
});
function updateConsole() {
$('#tableapp').load('AjaxPages/ApplicationMonitor.aspx #application');
}
function scrollwindow() {
$("#tableapp").jCarouselLite({
vertical: true,
hoverPause: true,
visible: 4,
auto: 6000,
speed: 500,
scroll: 4,
circular: true,
afterEnd: function (a) { ScrollEnd(a); }
});
};
function ScrollEnd(a) {
$('#tbDebug').val($('#tbDebug').val() + '\nScroll Ends');
if (**code that determines slide 1 is back on top**) {
updateConsoles();
scrollWindow(); //If this code is commented, the carousel stops cycling.
//If it isn't commented, two carousels start and things
//get buggy and eventually freezes.
}
}
Я новичок в javascript, jquery и т. д. Я также пробовал это на jCarousel (не lite), но не смог заставить его работать с вертикальной прокруткой. Это казалось глючным.