Jquery：-BxSlider无法正常工作

Question

我正在通过jquery使用BXslider ..我面临的问题是滑动时滑块经过最后一个元素，当最后一个元素到来时它不会停止。这是Jquery代码我我正在使用： -

$('.header_sub_nav').bxSlider({
  //mode: 'horizontal',
  controls: false,
  infiniteLoop: false,
  pager: false,
  maxSlides: 2,
  onSliderLoad: function() {
    $('.header_subnav .bx-viewport')
      .css({
        'background': 'transparent',
        'border': 'none',
        'box-shadow': 'none',
        'padding': '0 10% 0 0',
        'left': '0'
      });    
  }    
});

我已经浏览了各种链接并尝试使用代码来阻止这种情况。这对我不起作用。

以下是我的Plunker ..但是我无法在当地发生上述情况 的 Plunker Link

有没有我错过的选项。

有人可以帮帮我..谢谢你的帮助