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”时再次移动。

这是小提琴

Answer 1

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

Answer 2

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