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