JCarousel - Как выровнять последний элемент по левому краю? - PullRequest
Новая
       42

JCarousel - Как выровнять последний элемент по левому краю?

0 голосов
/ 04 июля 2019

Плагин jCarousel всегда выравнивает текущий элемент по левой стороне. Но только в последнем пункте он выровнен по правому краю. Это правильно, потому что это последний элемент, и после него больше нет содержимого.

Но в некоторых случаях, когда обертка небольшая, лучше выровнять последний элемент по левому краю.

См. Скрипку: https://jsfiddle.net/d48oqxyj/

Пункты с 1 по 5 касаются красной границы. Но пункт 6 касается зеленой границы, потому что последний.

Есть ли способ, чтобы последний элемент коснулся красной границы? С этим решением после последнего элемента мы получили пробел.

Я пытался добавить «поддельный предмет» после последнего предмета, но это не хорошее решение. Возможно, есть и другие, гораздо лучше.

Мой текущий код (выше):

HTML 

<div class="wrapper">
    <div class="jcarousel">
        <ul>
            <li>1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
            <li>5</li>
            <li>6</li>
        </ul>
    </div>

    <a class="jcarousel-prev" href="#">Prev</a>
    <a class="jcarousel-next" href="#">Next</a>
</div>

JS 

$(function() {
    var carousel = $('.jcarousel').jcarousel({

    });

    $('.jcarousel-prev').jcarouselControl({
        target: '-=1',
        carousel: carousel
    });

    $('.jcarousel-next').jcarouselControl({
        target: '+=1',
        carousel: carousel
    });
});
...