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。这允许无限循环旋转木马。 Here是我发现这一点的地方。

Answer 2

如果删除字符串

itemWidth: 234,

animationLoop将起作用

Answer 3

至少有一件事是错的，你有

animationLoop: false,

它应该是：

animationLoop: true,

Flexslider无限循环不起作用

3 个答案: