Flexslider 2.1内联样式问题

Question

我正在使用flexslider2来显示我的幻灯片。

但是我有一个问题，就是我的元素的宽度在第一页加载时计算错误。

当我打开萤火虫并单击内联样式时，宽度会更改，并且所有内容都会正确显示。 另外，当我调整浏览器大小时，一切都正确。

为什么会有这个问题？

当我查看flexslider代码时，我发现了这一点：

 slider.computedW = slider.itemW - slider.boxPadding;

这应该没问题....因为在调整大小时，它仅使用computeW：

  if (vars.smoothHeight) methods.smoothHeight();
        slider.newSlides.width(slider.computedW);
        slider.setProps(slider.computedW, "setTotal");

请帮我！！！

Answer 1

您的flexslider是否在容器内？ 如果是这样，您可以将flexslider设置为在页面加载时自动调整为该特定高度。

  $(document).ready(function(){
  var containerheight = $(".flexcontainer");    
  var borderWidth = $('.flexslider').css('height', containerheight.outerWidth());
    });

另外，如果您的容器的高度比flexslider的高度略高，则可以在下面使用。 （“ 5”是您要更改高度的像素数）

  $(document).ready(function(){
  var containerheight = $(".flexcontainer");
  containerheight = containerheight -5;
  var borderWidth = $('.flexslider').css('height', containerheight.outerWidth());
    });