javascript - bxSlider 多次重载调用

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 执行后才重新加载滑块