Flexslider DirectionNav不像示例那样

Question

我希望通过在我的公司网站上寻求帮助，我没有违反任何书面或不成文的规则。

http://www.gnarlyweb.com/wrladv/

所以我正在使用Flexslider（但已尝试过至少3个其他人）来处理投资组合项目的多个工作。如果滚动到“项目组合”部分，则每个项目都是可单击的，并且会显示一个flexslider。 Flexslider js显然正在工作，因为导航显示，如果我有slideshow: true，图像将会生成动画，但侧面的箭头不会移动到下一个部分。

我已经做了几个星期了，但无法理解。有谁知道为什么只有一半的Flexslider库在这种情况下工作？

我知道这不是Flexslider的错，因为我可以将一个jsfiddle与来自投资组合区域的资源放在一起，让它完美运行。

Answer 1

我看到你的所有图像都在一个flexslider容器中，它们是动态的。

我认为这可能会导致这个问题。

但我不太确定。

我的建议是：针对不同图像的不同flexsliders

Answer 2

你没有为你的html中的flexslider脚本提供任何内容。看起来你的flexslider的基本html设置是：

<div class="portfolio-slides">
  <ul class="slides">
    <li><li>
  </ul>
</div>

默认情况下，flexslider脚本搜索flexslider类。您可以进入flexslider脚本并添加

$(document).ready()
$(window).load(function() {
    $('.portfolio-slides').flexslider({
    });
});

或将您的div类名称更改为flexslider。您将遇到的问题是您有多个flexsliders，因此您将不得不创建唯一标记并在每个标记上调用jquery，否则所有flexsliders都会同步。