javascript - 如何在jquery中设置循环？

Question

我正在尝试从头开始创建这个轮播并暂时拥有它。

<script type="text/javascript">
    $(document).ready(function() {
        setTimeout(function() {
            $('.carousel-inner li').animate({
                right: '580px'
                }, 500);                
        }, 3000);

        $('#right').click(function() {
            $('.carousel-inner li').animate({
                right: '580px'
                }, 500);
        });
        $('#left').click(function() {
            $('.carousel-inner li').animate({
                left: '0px'
                }, 500);
        });     
    });
</script>

当我点击“#right”和“#left”但只有一次时它起作用了。我想让它在我再次单击“#next”时再次移动。

这是 Fiddle

Answer 1

left: '0px' 的 Insead 使用 left: '-=580px'。在你有 right: '580px' 的地方放上 left: '+=580px'。但是用户将能够将你所有的 li 移到可见区域之外，你将需要一些 if。