jCarouselLite – принудительное размещение элементов списка в одной строке

Question

Я использую jCarousellite в списке на веб-сайте, который создаю.Он работает отлично, однако проблема в том, что по какой-то причине скрипт приводит к тому, что элементы списка перестают складываться.

Я имею в виду, что вместо этого:

li     li
li     li

Я получаю это:

li     li     li      li

Он отлично работает, когда я удаляю скрипт, но при этом он помещает их все в одну «строку».Я просмотрел сценарий и не могу понять, какая часть заставляет их всех помещаться в одну строку.

Вот сценарий: http://www.trekradio.net/dev/wp-content/themes/tr2012/js/jcarousellite_1.0.1.js

Вы также можете увидеть демонстрацию проблемы здесь, в разделе «Что происходит» на Heaer: http://www.trekradio.net/dev/ (этот сайт находится в разработке, поэтому простите за его состояние).

РЕДАКТИРОВАТЬ:Установка для параметра «вертикальный» значения «истина» в сценарии изменяет прокрутку карусели на вертикальную И отображает элементы списка следующим образом, а это не то, что я хочу:

li

li

li

li

Answer 1

ОБНОВЛЕНО:[ужасное исправление]

вот строка, которую вам нужно обновить jcarousellite_1.0.1.js (вы добавляете крошечный / 2 кусочек) :

    var ulSize = liSize * itemLength / 2;                   // size of full ul(total length, not just for the visible items)

Будьте осторожны, поскольку это повлияет на все остальные карусели на любой другой странице.

ОБНОВЛЕНИЕ 2:исправление обратной совместимости

Я исправил файл .js, и вы можете использовать опцию lines в своем коде или оставьте одну строку по умолчанию:

<script type="text/javascript">
$(function() {
    $(".anyClass").jCarouselLite({
        btnNext: ".next",
        btnPrev: ".prev",
        lines : 2
    });
});
</script>

Вот исправленный jcarousellite_1.0.1.js

Удачи !

--

Боюсь, что это слишком сильно испортит jCarouselLite.

Я бы посоветовал вам разделить li в два ul, PHP или даже манипулируя DOM в Javascript/jquery.

Таким образом, вы можете достичь своей цели, установив две параллельные горизонтальные карусели, работающие вместе.

Надеюсь это поможет !