Flexslider 的问题

【问题标题】：Issues with FlexsliderFlexslider 的问题
【发布时间】：2012-09-03 22:03:27
【问题描述】：

我正在尝试使用 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

感谢您的帮助！

【问题讨论】：

无法浏览您的页面。staging.pautlerdesign.com/portfolio/index-test.php

标签： jquery flexslider

【解决方案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;
}

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

【讨论】：