Flexslider的问题

Question

我正在尝试使用Flexslider创建一个响应式滑块。不过，我有一些问题。我设置了以下设置：

  $('.portfolio .flexslider').flexslider({
    animation: "slide",
    animationLoop: false,
    controlNav: false,
    directionNav: true,
    slideshow: false,
    itemWidth: 490,
    itemMargin: 30,
    minItems: 1,
    move: 1

  });

它似乎没有应用animationLoop: false，当你点击右方向导航链接时，它先左后右，当我加载页面时，高度有时似乎都搞乱了。你可以在这里看到预览。有什么想法可能会导致这些问题吗？

http://staging.pautlerdesign.com/portfolio/index-test.php

谢谢你的帮助！

Answer 1

您使用的是Flexslider 2吗

此外，如果您实际上不是一次显示多个项目，则不需要轮播参数(itemWidth、itemMargin、minItems、maxItems、move)，您真正需要的是：

$('.portfolio .flexslider').flexslider({
    animation: "slide",
    animationLoop: false,
    controlNav: false,
    directionNav: true,
    slideshow: false
});

您可能还需要将section.portfolio-piece .flexslider ul.slides li的现有css更改为：

section.portfolio-piece .flexslider ul.slides li {
    margin: 0;
}

这可能会解决你所看到的问题。