Question

我的页面中有2个flexsliders。一个是无限循环，而另一个则不是。另一个不是，而另一个正常运作，这很奇怪。

即使我已经将animationLoop true添加到另一个滑块，它仍然无法无限循环。这是我有2个flexsliders的页面。

http://robinsons.jehzlau.net/

上面的一个是无限循环，但下面的那个不是。我真的很好奇它为什么不能无限循环。

这里是上述滑块的代码。这是无限循环的那个：

<script type="text/javascript">
            $jq(window).load(function(){
              $jq('.ma-banner7-container .flexslider').flexslider({
                slideshow: true,
                animation: "slide",
                slideshowSpeed: 5000,
                animationSpeed: 600,
                                controlNav: false,
                                                start: function(slider){
                    $jq('.ma-loading').css("display","none");
                    //$jq('.banner7-title, .banner7-des, .banner7-readmore').css("left","100px");
                },
                before: function(){ 
                    $jq('.banner7-title, .banner7-des').css("left","-550px");
                    $jq('.banner7-readmore').css("left","-1500px"); 
                }, 
                after: function(){ 
                    $jq('.banner7-title, .banner7-des, .banner7-readmore').css("left","100px") 
                }
              });
            });
        </script>

这里是滑块的代码，我想无限循环，但它没有。：（

<script type="text/javascript">// <![CDATA[
            $jq(window).load(function(){
              $jq('.signSlider').flexslider({
                animation: "slide",
                animationLoop: true,
                controlNav: false,
                itemWidth: 270,
                itemMargin: 5,
                slideshow: false
              });
            });
// ]]></script>

我注意到，无限循环的flexslider没有动画循环：true。所以我在第二个滑块的代码中删除了动画循环，但仍然没有无限循环。：（

实际上它与此已发布的问题相似： Flexslider infinite loop is not working

来自jquery专家的任何帮助都将非常感激。 O_O

Answer 1

我想我可能在这里找到了答案： https://github.com/woothemes/FlexSlider/issues/287

Flexslider中尚未实现无限循环循环。太糟糕了，它毕竟不是最好的响应滑块。：（

Flexslider Carousel无限循环Bug

1 个答案: