javascript - Flexslider 2.1 内联样式问题

Question

我使用 flexslider2 来展示我的幻灯片。

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

当我打开 firebug 并单击内联样式时，宽度会发生变化，并且所有内容都正确显示。此外，当我调整浏览器大小时，一切都是正确的。

为什么我有这个问题？

当我查看 flexslider 代码时，我发现：

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

这应该没问题....因为在调整大小时，它只使用计算的W：

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