FlexSlider：奇怪的轮播行为

Question

我正在使用最新版本的 FlexSlider。

轮播无法正常工作：当我单击最后一个可见的拇指时，轮播没有滚动到下一个拇指。 T

我的JS代码是：

    $('.switcher').flexslider({
        animation: "slide",
        controlNav: false,
        directionNav: true,
        animationLoop: true,
        slideshow: true,
        itemWidth: 115,
        itemMargin: 2,
        move:1,
        slideshowSpeed: 1000,
        asNavFor: '.gallery-box'
    });

    $('.gallery-box').flexslider({
        animation: "slide",
        controlNav: false,
        slideshowSpeed: 1000,
        directionNav: false,
        animationLoop: true,
        slideshow: true,
        sync: ".switcher"
    });

HTML 代码与官方示例中的一样：http://flexslider.woothemes.com/thumbnail-slider.html

Flexslider 选项：https://github.com/woothemes/FlexSlider/wiki/FlexSlider-Properties

我的滑块（LIVE，添加了自动动画/1000ms 以查看问题）：http://ks.activemedia.pro/

试过了：

1. 在开始时添加 .resize()

2. 添加 style="width: 700px;"到父 div(s)

3. 在 setTimeout() 上初始化滑块 - 确保它不是“DOM 就绪”问题。

有什么想法吗？

Answer 1

可能是 itemWidth 不正确。根据this answer，应该是li的宽度+两边的边距。