У меня есть jCarouselLite подключаемый модуль на моем сайте. Я загружаю li из функции jquery.load. Я перехожу через карусель вертикально и имею функцию, которая срабатывает, как только первый элемент возвращается к вершине.jCarouselLite Переопределение данных
На этом этапе я хочу обновить данные с помощью другого ajax.load. Здесь я столкнулся с проблемой. Как только эти данные будут перезагружены, карусель перестает вращаться (или, скорее, работает в фоновом режиме).
Одно из решений я пытался это попытаться повторно instating карусель с другой:
$("#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 (не облегченный), но я не мог заставить его работать с вертикальной прокруткой. Казалось, это нехорошо.
Чтобы решить эту проблему, я в конечном итоге начал использовать jCarousel, а не jCarouseLite. – lorengphd