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;
}

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