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已執行

後