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