У меня на сайте есть плагин 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), но я не мог заставить его работать с вертикальной прокруткой. Казалось, глючит.