Question

在我的网站上，我使用bxslider来显示动态内容。当用户请求数据时，通过json拉取此内容。当内容改变时，slider.reloadSlider（）;叫做。这部分工作正常。

问题是当你没有重新加载滑块时尝试重新加载滑块时，它会在滑块中创建一个滑块。 bxslider网站上的示例中也会出现此问题： http://bxslider.com/examples/reload-slider

点击几次'点击添加幻灯片，然后重新加载滑块'，你会看到我的意思。

我的问题是：如何确保在完成上一次重载功能后才调用下一个重载函数？

提前谢谢。

Answer 1

我最近遇到了同样的问题。这是我最终使用的解决方法：

el.data('bxslider', el.bxSlider({
    ...,
    onSliderLoad: function() {
        el.data('bxslider-loaded', true);
    }
}));

function reloadSlider(el) {
    if( ! el || ! el.data('bxslider') || ! el.data('bxslider-loaded') )
        return;

    el.data('bxslider-loaded', false);
    el.data('bxslider').reloadSlider();
}

基本上，只有在执行onSliderLoad后才重新加载滑块

bxSlider多次重载调用

1 个答案: