动态更改flexslider的itemWidth

Question

我有一个flexSlider初始化如下：

$('.flexslider').flexslider({
    itemWidth: width
});

是否可以通过某种方式在初始化后动态更改itemWidth并强制刷新以应用新值？

Answer 1

最后，我不得不修改flexslider脚本以使vars属性可用：

...
slider.vars = vars;

//FlexSlider: Initialize
methods.init();
...

然后vars.itemWidth可以修改和doMath可以被称为刷新滑块：

var slider = $(".flexslider").data("flexslider");
slider.vars.itemWidth = ...;
slider.doMath();

Answer 2

我认为这是不可能的。 一种方法是删除容器内的内容（假设它是.flexslider ）。

$('.flexslider').text("").flexslider({
    itemWidth: newWidth
});

该解决方案的问题在于您正在重新初始化整个模块，而这可能不必要。

另一个解决方案是编辑容器本身的宽度：

$('.flexslider').width("NEWpx")

最后一个解决方案：与开发团队联系，并要求一种refresh方法。

希望这个帮助，欢呼;）