1

我正在构建一个使用缩略图导航的 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 上），则“运行”为 1 个项目。所以 startAt 0 是第 1 项，startAt 1 是第 2 项，依此类推。

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

有没有人想出解决这个错误的方法？

谢谢

4

1 回答 1

0

所以我遇到了同样的问题，试图做同样的事情。

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

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

问题似乎是在加载 flexslider 时，同步方法不可用。所以在加载时，同步是不可能的。我尝试从滑块上的开始事件调用同步，但没有运气。这是需要在 flexslider 本身中修复的问题，需要补丁。

很抱歉，我无法提供更多帮助，但我希望 github 问题中的解决方法对您有所帮助。

于 2013-06-22T18:57:49.793 回答