javascript - Bxslider:重新加载多个 slider

Question

我有一个包含多个 bxSlider 的页面，当用户单击一个按钮时，每个 slider 都需要重新加载新图像。 当我只有一个 slider 时一切正常，但它停止使用多个 slider 。 当调用 reloadSlider() 方法时，我得到一个 "$(...).reloadSlider is not a function" 错误。

由于 slider 是动态创建的(我不知道页面上会有多少 slider )，我无法像这样创建每个 slider :

var slider1 = $('#slider1').bxSlider();
var slider2 = $('#slider2').bxSlider();
...

但我需要一次创建它们:

$('.slider').bxSlider();

但是当我尝试调用 $('.slider').reloadSlider() 时，我得到了上面的错误。

有人可以帮助我吗？ 谢谢。

Answer 1

我遇到了同样的问题，我想出了这个。 您最初可以加载数组中的所有 slider ，如:

var sliders = [];
$('.sliders').each(function(i,item){
  var slider;
  slider.$(this).bxSlider();
  sliders[i] = slider;
});

然后，你可以遍历并重新加载每一个

$(sliders).each(function(){
    this.reloadSlider();
});