BxSlider IE выпуск

Question

Я столкнулся с проблемой с BxSlider в браузере IE, когда бесконечный цикл не запускается после последнего слайда, а также слайдер разрывается, показывая слайды один за другим. Я использую Backbone js Framework и динамически загружаю 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>

Результат, как показано ниже: