javascript - Flexslider 插件幻灯片出现故障

Question

我的问题是关于 Flexslider 插件的。我不知道为什么幻灯片乱序。考虑我的标记:

<div class="flexslider">
  <ul class="slides">
    <li>First Slide</li>
    <li>Second Slide</li>
    <li>Third Slide</li>
  </ul>
</div>

我有这样的结果:

第一个 li 显示为第二张幻灯片，第二个 li 显示为第三张幻灯片，第三个 li 显示为第一张幻灯片。

这个问题是在我添加animation:"slide"选项时出现的，像这样:

$(window).ready(function() {
    $('.flexslider').flexslider({animation: "slide"});
});

我很困惑，也许在我的代码某处某些 CSS 导致了这种行为。

Answer 1

此问题是flexslider 2.2.2版本下载包的bug。连下载包里的demo文件都不行，真的!

经过大量调查，我发现“jquery.flexslider.js”有问题，并从 2.2.0 版获得了一个工作文件。

解决方案:获取工作包版本 2.2.0。如果您有兴趣，请发表评论以提供可供下载的工作包。