Flexslider无限循环无效

我在整个网络上看到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('
'+jQuery(this).context.innerHTML+'
', slider.count); jQuery('.flexslider .slides').append('
'+jQuery(this).context.innerHTML+'
'); }); } }); 

最主要的是在end: property中使用jQuery函数。 我认为animationLoop也需要设置为false 。 这允许无限循环旋转木马。 这是我发现这个的地方。

Answer 2

如果你删除字符串

 itemWidth: 234, 

animationLoop将起作用

Answer 3

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

 animationLoop: false, 

它应该是：

 animationLoop: true,