BxSlider IE问题

Question

我在IE浏览器中遇到了BxSlider的问题，在最后一张幻灯片之后，无限循环不会被触发，而且滑块在一个接一个地显示幻灯片时也会断裂。我正在使用Backbone js框架并动态加载BxSlider，然后面对同样的问题。

请任何人都可以帮助我解决这个问题。

this.bxslider = this.$('.bxslider').bxSlider({
    pager: isTouch ? true : false,
    infiniteLoop: true,
    hideControlOnEnd:true,
    adaptiveHeight: true,
     preloadImages: 'all',
     speed: 1000
  });   

Answer 1

请参考以下示例代码：

<link rel="stylesheet" href="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.min.js"></script>

<script>
    $(function () {
        var isTouch = true;
        $('.bxslider').bxSlider({
            auto: true,
            autoControls: true,
            stopAutoOnClick: true, 
            slideWidth: 600,

            pager: isTouch ? true : false,
            infiniteLoop: true,
            hideControlOnEnd: true,
            adaptiveHeight: true,
            preloadImages: 'all',
            speed: 1000
        });
    });
</script>
<div class="bxslider">
    <div><img src="Images/Image1.jpg" title="Funky roots"></div>
    <div><img src="Images/Image2.jpg" title="The long and winding road"></div>
    <div><img src="Images/Image3.jpg" title="Happy trees"></div>
</div>

结果如下：

​

​