jQuery - bxSlider插件reloadSlider問題

Question

我正在使用帶有bxSlider插件的jQuery，這里只是鏈接到它： http ：//bxslider.com/

在我從中刪除某些幻燈片后，我正在嘗試重新加載滑塊和我的自定義尋呼機。

這是我嘗試過的：

$(function() {
    var slider = $('#slider').bxSlider({
        pagerCustom: '#bx-pager'
    });

    $('.list').on('click', '.delete', function() {
        image = $(this).closest('li').find('[type="hidden"]');

        // image.attr('id') contains a string: image-0, image-1, image-2, etc.
        $('#slider, #bx-pager').find('.' + image.attr('id')).remove(); 

        slider.reloadSlider({
            pagerCustom: '#bx-pager'
        }); // I have also tried: slider.reloadSlider();
    });
});

它部分工作。 會發生什么事情是滑塊重新加載很好但它在運行重新加載時完全刪除了分頁器。

非常感謝您的幫助。

Answer 1

只要我看到，這是bxSlider中的一個錯誤，實際上，當你調用reloadSlider方法時，內部調用方法destroySlider和init 。

在destroySlider方法中， pagerEl元素被銷毀，如果您沒有使用自定義元素，這是正確的，因為它是在init方法中以編程方式重新創建的，但如果您使用的是自定義元素，則無法以編程方式重新創建。

我最后修改了destroySlider方法來檢查是否使用了自定義尋呼機，在這種情況下不能刪除它。

這是之前的（第1294行）：

if(slider.pagerEl) slider.pagerEl.remove();

之后：

if (slider.settings.pagerCustom === '') {
    if(slider.pagerEl) slider.pagerEl.remove();
}

我會盡快將錯誤發布在GitHub上。