Повторно или отрегулируйте jcarousellite в окне «Изменение размера»

StackOverflow https://stackoverflow.com/questions/8806951

Вопрос

Я пытаюсь настройки или уничтожить и повторно применить плагин 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 и/или ширину элементов, которые вы прокручиваете, когда окно изменяется.

Попробуйте изменить размеры этих элементов на изменении размера окна вместо того, чтобы повторно инициализовать карусель и посмотреть, что произойдет (без вашей разметки, это лучший совет, который я могу дать)

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top