Повторно или отрегулируйте jcarousellite в окне «Изменение размера»
-
26-10-2019 - |
Вопрос
Я пытаюсь настройки или уничтожить и повторно применить плагин Jcarousellite при изменении размера окна, но я не имею успеха, это потому, что я создал веб -сайт, где каждая страница - это «li», где, когда навигации по меню он прокручивает эта страница ...
Я попытался использовать это при изменении размера и повторно подайте Jcarousellite, но это не сработало:
$('#mega').jCarouselLite = null;
Это код, который я использую, но если я продолжу повторную подачу Jcarousellite, карусель сошла с ума!
$(document).ready(function(){
w = $(window).width();
h = $(window).height();
$('#mega li').css('width',w);
$('#mega li').css('height',h);
$('#mega').jCarouselLite({
circular:false,
vertical:true,
speed:1000,
visible:1,
btnGo:["#home", "#comofunciona", "#porquemegafome", "#contato"]
});
});
$(window).resize(function() {
w = $(window).width();
h = $(window).height();
$('#mega li').css('width',w);
$('#mega li').css('height',h);
$('#mega').jCarouselLite({
circular:false,
vertical:true,
speed:1000,
visible:1,
btnGo:["#home", "#comofunciona", "#porquemegafome", "#contato"]
});
});
РЕШЕНИЕ:
«Idrumgood», я пытался сделать это только с «li», но искал немного больше о деактивации плагинов, я обнаружил, что мне также нужно раскрыть клики, так что вот код, который я должен был применить:
$(window).resize(function() {
$('#mega').jCarouselLite = null;
$('#home, #comofunciona, #porquemegafome, #contato').unbind('click'); //buttons I defined on btnGo option
runCarousel(); //again
aClick(); // function where I get the li index and save into a hidden input, on resize it keeps li position! :)
});
Решение
Jcarousellite (и практически любой плагин Carousel) вводит дополнительную разметку при создании карусели. Обычно содержащий элемент, который установлен с шириной elementsWidth * numberOfElements
с скрытым переполнением. Второй, содержащий элемент внутри этого, также создается, и это то, что на самом деле переместится. Затем ваши элементы затем плавают, а левый край вторичного содержащегося элемента изменяется, чтобы дать эффект прокрутки.
Точке зрения, если вы хотите изменить это, вам нужно изменить ширину тех, кто содержат DOV и/или ширину элементов, которые вы прокручиваете, когда окно изменяется.
Попробуйте изменить размеры этих элементов на изменении размера окна вместо того, чтобы повторно инициализовать карусель и посмотреть, что произойдет (без вашей разметки, это лучший совет, который я могу дать)