Javascript 引导旋转木马在最末端运行1个幻灯片过多

这是我的jquery和html代码，我有这些li的内容，但我不想用所有的内容来破坏页面。我只是希望它在jquery中的某个地方我没有看到。谢谢

$（函数（）{ $（'.jcarousel'）.jcarousel({ 总结：'两个'， 自动：“4” //核心配置在这里 }))

$（'.jcarousel分页'）
.on（'jcarouselpagination:active'，'a'，function（）{
$（this.addClass（'active'）；
})
.on（'jcarouselpagination:inactive'，'a'，function（）{
$（this.removeClass（'active'）；
})
.on（'click'，函数（e）{
e、 预防默认值（）；
})
.jcarouselPagination({
每页:1，
项目：功能（第页）{
返回“”；
}
});
$（'.carousel-control.left'）.jcarousel-control({
目标：'-=1'
});
$（'.carousel-control.right'）.jcarousel-control({
目标：'+=1'
});
$（'.carousel控件，.jcarousel分页'）。单击（函数（）{
$（'.jcarousel'）.jcarouselAutoscroll（'stop'）；
});
});
$（函数（）{
$（“#first.jcarousel”）
.jcarousel（{}）
.jcarouselAutoscroll({
间隔：10000，
目标：'+=1'，
自动启动：正确
});
});
$（文档）.ready（函数（）{
$（'#carouselcontain'）。单击（函数（）{
间隔：假；
});

或者我应该说，在幻灯片5之后，它不会自动返回到1。在幻灯片5之后，它会做什么？它只是坐在那里吗？不，它看起来会向右移动大约10个像素，就像是另一张幻灯片在允许的时间内坐在那里，然后转到第1张幻灯片。你在css中给li一个明确的高度和宽度吗？是的，只是一个宽度，但现在我ooking它有一个宽度和一个最大宽度，但都设置为590px

        $('.jcarousel-pagination')
    .on('jcarouselpagination:active', 'a', function () {
        $(this).addClass('active');
    })
    .on('jcarouselpagination:inactive', 'a', function () {
        $(this).removeClass('active');
    })
    .on('click', function (e) {
        e.preventDefault();
    })
    .jcarouselPagination({
        perPage: 1,
        item: function (page) {
            return '<a  href="#' + page + '">' + page + '</a>';
        }
    });
        $('.carousel-control.left').jcarouselControl({
            target: '-=1'
        });

        $('.carousel-control.right').jcarouselControl({
            target: '+=1'
        });

        $('.carousel-control, .jcarousel-pagination').click(function () {
            $('.jcarousel').jcarouselAutoscroll('stop');
        });

    });
    $(function () {
        $('#first.jcarousel')
    .jcarousel({})
    .jcarouselAutoscroll({
        interval: 10000,
        target: '+=1',
        autostart: true
    });
    });
    $(document).ready(function () {
        $('#carouselcontain').click(function () {
           interval: false;
    });

<div id="ContentPlaceHolder_ctl00_carouselcontain" class="carouselcontain">
        <div id="first" class="jcarousel" data-jcarousel="true"> 
            <ul class="carousel-images">
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>
            <div class="jcarousel-pagination" data-jcarouselpagination="true"></div>
        </div>
          <!-- Left and right controls -->
          <a class="left carousel-control" href="#carouselcontain" role="button" data-slide="prev">
            <i class="fa fa-angle-left" ></i>
            <span class="sr-only">Previous</span>
          </a>
          <a class="right carousel-control" href="#carouselcontain" role="button" data-slide="next">
            <i class="fa fa-angle-right"></i>
            <span class="sr-only">Next</span>
          </a>
    </div>