Javascript bxslider加载更多幻灯片，在到达终点时检测

我有一个带bxslider的水平旋转滑块。我已关闭InfiniteLop，不允许滑块旋转。
我想加载更多带有AJAX请求的幻灯片，并在滑块到达末尾时附加到滑块。 所以首先我要加载10张幻灯片，然后当滑块到达末端时，我想再加载10张。这里我是如何加载滑块的

$('.bxslider_read').bxSlider({
        minSlides: 3,
        maxSlides: 6,
        slideWidth: 110,
        slideMargin: 10,
        pager:false,
        infiniteLoop:false,
        mode: 'horizontal'
    });

---

您必须在slidenext:function（）上使用回调函数{/如果上次从ajax加载数据并附加到滑块并移动到加载侧，请检查下一张幻灯片/}

然后完成如下代码：-

var sliderSelector = '.bxslider_read';
sliderInstance = $(sliderSelector).bxSlider({
  minSlides: 3,
  maxSlides: 6,
  slideWidth: 110,
  slideMargin: 10,
  pager:false,
  infiniteLoop:false,
  mode: 'horizontal',
  onSlideNext: function(slideEl, oldSlide, newSlide){
    /* we are loading next slides as we reaches last slide */
    if(sliderInstance.getSlideCount() == (newSlide + 1)){
      $.ajax({
        url:"url to load next slides",
        success:function(data){
          /* response from server must be slide elements */
          $(sliderSelector).append(data);
          /* we need to restart slider */
          sliderInstance.reloadSlider();
          sliderInstance.goToSlide(sliderInstance.getCurrentSlide());
        }
      });
    }
  }
});

这是我的密码：

$(document).ready(function () {

            var slider = $('.bxslider').bxSlider({
                adaptiveHeight: true,
                pager: false,
                controls: false,
                infiniteLoop: false,
            });

            $('#pronext').click(function () {
                //return false;
                var current = slider.getCurrentSlide() + 1;
                var total = slider.getSlideCount();
                if (current == total) {
                    alert('Finished');
                }
                slider.goToNextSlide();
            });
          });

---

当我重新加载滑块并调用goToSlide函数时，滑块停止工作，但当我删除该函数时，滑块始终保持在第一个位置。当它第一次加载更多物品时，它不会重新加载，