Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery Flexslider的问题_Jquery_Flexslider - Fatal编程技术网

Jquery Flexslider的问题

Jquery Flexslider的问题,jquery,flexslider,Jquery,Flexslider,我试图创建一个响应滑块使用Flexslider。不过我有一些问题。我设置了以下设置: $('.portfolio .flexslider').flexslider({ animation: "slide", animationLoop: false, controlNav: false, directionNav: true, slideshow: false, itemWidth: 490, itemMargin: 30, m

我试图创建一个响应滑块使用Flexslider。不过我有一些问题。我设置了以下设置:

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

  });
它似乎没有应用
animationLoop:false
,当您单击右方向导航链接时,它先向左然后向右移动,当我加载页面时,有时高度似乎都被弄乱了。你可以在这里看到预览。有没有想过是什么导致了这些问题

谢谢你的帮助

你在用什么

此外,如果您一次实际不显示多个项目,则不需要旋转木马参数(
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;
}

这可能会解决您的视觉问题。

无法浏览您的页面。