Question

我正在构建一个使用缩略图导航的Flexslider。它与此处http://flexslider.woothemes.com/thumbnail-slider.html所见的Flexslider演示基本相同。一切正常，但如果我尝试使用StartAt属性，它会打破缩略图上的方向导航。它跳到错误的地方，有时会杀死directionNav链接。

这是我的代码。一次显示5个#carousel项目，一个#slider项目，与Flexslider演示相同。

    $('#carousel').flexslider({
        animation: "slide",
        controlNav: false,
        animationLoop: false,
        slideshow: false,
        itemWidth: 230,
        itemMargin: 40,
        move: 5,
        startAt: 2,
        asNavFor: '#slider'
    });

    $('#slider').flexslider({
        animation: "slide",
        controlNav: false,
        animationLoop: false,
        slideshow: false,
        startAt: 2,
        sync: "#carousel"
    });

如果我只运行显示5个项目的#carousel代码，我发现'startAt'与一个'项目运行'而不是一个项目进行对话。因此startAt 0将显示项目1-5，startAt 1将显示项目6-10，依此类推。

如果一次只显示一个项目（比如#slider），那么'run'就是1个项目。所以startAt 0是第1项，startAt 1是第2项，依此类推。

我认为这与错误有关。如果我在#carousel的directionNav上接下来时（当#carousel的startAt为2时）同步这些，它会跳转到缩略图项目16-20（如果没有同步将会运行3）。如果我要点击prev，它会跳转到6-10项（如果没有同步则会运行1）。

有没有人找到解决这个错误的方法？

由于

Answer 1

所以我有同样的问题，尝试做同样的事情。

我还没有找到解决方案，但我在github上找到了问题：

https://github.com/woothemes/FlexSlider/issues/277

问题似乎是当加载flexslider时，同步方法不可用。因此在加载时，无法进行同步。我尝试从滑块上的启动事件调用sync，没有运气。这是一个需要在flexslider本身修复的问题，需要补丁。

对不起，我不能提供更多帮助，但我希望github问题的解决对你有所帮助。

Flexslider StartAt同步错误

1 个答案: