Проблемы с jCarousel.
Всем привет! Проблема c jCarousel на моб. телефоне (samsung galaxy s9 встроенный браузер андройда) — при перелистывании объектов — вся страница виснет, помогает только перезагрузка страницы. Кто сталкивался с такой проблемой?
Использую jQuery v1.12.3
jCarousel — v0.3.9 — 2018-07-30
Причем с другого телефона на андройде все нормально работает. Уже не знаю в чем проблема.
Инициализация карусели.
Использую jQuery v1.12.3
jCarousel — v0.3.9 — 2018-07-30
Причем с другого телефона на андройде все нормально работает. Уже не знаю в чем проблема.
//Карусель
$(function() {
var jcarousel = $('#mse2_results.jcarousel');
jcarousel
.on('jcarousel:reload jcarousel:create', function () {
var carousel = $(this),
width = carousel.innerWidth();
if (width >= 960) {
width = width / 4;
} else if (width >= 600) {
width = width / 3;
} else if (width >= 350) {
width = width / 1;
}
// отключаем стрелки если ширина карусели больше общей длины объектов карусели
var litemall= jcarousel.jcarousel('items').length * width;
var widthwrap = carousel.innerWidth();
if (litemall <= widthwrap) {
$('.jcarousel-control-prev, .jcarousel-control-next').hide();
} else {
$('.jcarousel-control-prev, .jcarousel-control-next').show();
}
carousel.jcarousel('items').css('width', Math.ceil(width) + 'px');
})
.jcarousel({
wrap: 'circular',
scroll: '1'
})
.jcarouselAutoscroll({
interval: 6000,
target: '+=1',
autostart: true
});
jcarousel.hover(
function(){
$(this).jcarouselAutoscroll('stop');
},function(){
$(this).jcarouselAutoscroll('start');
}
);
$('.jcarousel-control-prev').jcarouselControl({ target: '-=1' });
$('.jcarousel-control-next').jcarouselControl({ target: '+=1' });
});
Комментарии: 2
Ну, можно как минимум обновить jQuery, а еще лучше поставить нормальную карусель, типа Slick.js или Swiper, у них точно никаких проблем с производительностью нет. Карусель переделать не сложная задача, на пару часов от силы.
в документации на сайте карусели написано что минимальная требуемая версия jQuery 1.7., у меня же jQuery v1.12.3. Думаю не в версии проблема.
Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.