如何在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

Insead left: '0px'使用left: '-=580px'。 您right: '580px'放置left: '+=580px'的位置。但是用户可以将你所有的li移到可见区域之外，你需要一些if ../ / p>

Answer 2

您应该使用$('.carousel-inner li').offset()找到元素的当前位置，并将其添加到您希望移动元素的值。