Flexslider 无限循环不起作用

Question

我在网上到处找，Flexslider 有一个众所周知的问题，无论是滑块还是轮播，当它到达滑块中的最后一个项目时，它会飞回第一个项目，而不是保持无限循环顺畅我不能相信没有人有解决方案，这是我正在使用的 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'
        });
    });
});

无论我做什么都行不通。当它到达最后一个项目时，它不会通过无限循环保持动画流畅。有没有人有办法解决吗？

谢谢

Answer 1

以下是在保留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. 这允许无限循环轮播。这是我发现这个的地方。