Javascript 向前或向后移动doen'；重新加载滑块时不工作

我正在使用bxSlider，下面是cenario

选择特定年份后，我需要重新加载该月份，其中仅包含单击年份中具有值的月份

我的问题是，当重新加载发生时，我松开了箭头控制，即，我不能向前或向后移动

self.UpdateMensalTab = function (year, tab) {
    var url2 = _URL_UPDATE_TAB_MENSAL_;
    $(".slider2").html("");
    $.ajax({
        url: url2,
        type: 'POST',
        async: true,
        dataType: 'html',
        data: { "Year": year },
        success: function(result) {
            $(".slider2").html(result);
        }
    });

    $('.slider2').bxSlider({
        pager: false,
        infiniteLoop: false,
        slideWidth: 100,
        minSlides: 6,
        maxSlides: 6,
        slideMargin: 1,
        autoControls: true,
        adaptiveHeight: true,
        startSlide: 1
    });
}

图像

两个按钮都可以向前或向后移动，即使有数据要显示，也不再起作用。有人能帮我吗

---

bxSlider有一个名为

reloadSlider

的函数。 你可以用like

var slider = $('.bxslider').bxSlider({
    mode: 'horizontal'
});

$('#reload-slider').click(function(e){
    e.preventDefault();
    slider.reloadSlider({
        mode: 'fade',
        auto: true,
        pause: 1000,
        speed: 500
    });
});

有关更多详细信息，请参阅

此外，您还应该在添加新内容后刷新滑块

self.UpdateMensalTab = function (year, tab) {
    var url2 = _URL_UPDATE_TAB_MENSAL_;

    $(".slider2").html("");

    window.slider = $('.slider2').bxSlider({
        pager: false,
        infiniteLoop: false,
        slideWidth: 100,
        minSlides: 6,
        maxSlides: 6,
        slideMargin: 1,
        autoControls: true,
        adaptiveHeight: true,
        startSlide: 1
    });

    $.ajax({
        url: url2,
        type: 'POST',
        async: true,
        dataType: 'html',
        data: { "Year": year },
        success: function(result) {
            $(".slider2").html(result);
            window.slider.reloadSlider({
                pager: false,
                infiniteLoop: false,
                slideWidth: 100,
                minSlides: 6,
                maxSlides: 6,
                slideMargin: 1,
                autoControls: true,
                adaptiveHeight: true,
                startSlide: 1
            });
        }
    });
}