Question

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

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

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

为什么我会遇到这个问题？

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

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

应该没问题....因为在调整大小时，它只使用computedW：

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

请帮帮我!!!

Answer 1

你有一个容器内的柔性滑板吗？如果是这样，您可以将flexslider设置为在页面加载时自动调整到该特定高度。

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

另外，如果你的容器略高于你的柔性滑板应该是你可以在下面使用。（“5”是您想要改变高度的像素数）

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

Flexslider 2.1内联样式问题

1 个答案: