JCarousel-如何将最后一个项目向左对齐?

时间:2019-07-04 13:52:28

标签: javascript jquery html jcarousel

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
    });
});

0 个答案:

没有答案