文章/答案/技术大牛

发布

问Flexslider无限循环不工作
EN

Stack Overflow用户

提问于 2014-09-18 20:28:14

回答 3查看 10.5K关注 0票数 3

我在网上到处寻找，有一个非常众所周知的问题，无论是滑块还是旋转木马，当它到达滑块中的最后一个项目时，它会飞回到第一个项目，而不是保持无限循环的流畅。我不敢相信没有人有解决方案，这就是我使用的Flexslider代码：

$(document).ready(function() {
    $(window).load(function() {
        $('#carousel-two').flexslider({
            animation : "slide",
            controlNav : false,
            animationLoop : true,
            slideshow : true,
            itemWidth : 234,
            itemMargin : 20,
            minItems : 3,
            maxItems : 5
            //asNavFor : '.flexslider'
        });
    });
});

不管我怎么做都不管用。当它到达最后一项时，它不能保持无限循环的动画流畅。有谁有解决方案吗？

谢谢

infinite-loop

flexslider

jquery

回答 3

Stack Overflow用户

发布于 2016-05-14 07:21:53

下面是如何在保留itemWidth属性的同时执行此操作：

jQuery('.flexslider').flexslider({
        animation: "slide",
        animationLoop: false,
        minItems: 4,
        maxItems: 6,
        itemWidth: 210,
        itemMargin:5,
        controlNav: false,
        end : function(slider){
                jQuery('.flexslider .slides li').each(function(){
                    slider.addSlide('<li>'+jQuery(this).context.innerHTML+'</li>', slider.count);
                    jQuery('.flexslider .slides').append('<li>'+jQuery(this).context.innerHTML+'</li>');
                });
            }

      });

主要是在end:属性中使用jQuery函数。我认为animationLoop也需要设置为false。这允许无限循环轮播。我就是在Here找到这个的。

票数 5

Stack Overflow用户

发布于 2015-04-19 19:24:16

如果您删除字符串

itemWidth: 234,

animationLoop将会工作

票数 2

Stack Overflow用户

发布于 2014-09-18 21:26:15

至少有一件事是你做错了

animationLoop: false,

它应该是：

animationLoop: true,

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/25912634

复制

相似问题

问Flexslider无限循环不工作
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Flexslider无限循环不工作EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Flexslider无限循环不工作
EN