如何在 jquery 中设置循环

How to set a loop in jquery?

本文关键字：设置 循环 jquery      更新时间：2023-09-26

我正在尝试从头开始创建这个轮播，现在有了这个。

<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"时，它会再次移动。

这是小提琴

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

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

相关文章：