bxSlider не работает в IE10

Question

bxSlider не работает на IE10, он отлично работает в IE8 и IE9, работает над режимом IE10: «fade», но не работает на «горизонтальном» режиме bxSlider работает Mozilla и Chrome. Где проблема Мой код для использования bxSlider является

$('#slidesfMovieShowcase').bxSlider({ 
      mode: 'horizontal', 
      controls: false, 
      pager: true, 
      autoHover: true, 
      auto: true 
     }); 

Answer 1

Я знаю, что этот вопрос устарел немного, но очень похожий код работает для меня в IE10, но внутри JQuery готовой функции:

$(document).ready(function() { 
    $('#slidesfMovieShowcase').bxSlider({ 
     mode: 'horizontal', 
     controls: false, 
     pager: true, 
     autoHover: true, 
     auto: true 
    }); 
}); 

Answer 2

IE10 очень придирчив к ошибкам HTML.

как первый ответ говорит, он должен работать внутри

$ (документ) .ready (функция() {

Некоторые люди испытывают первое изображение не загружается с IE10, который уроды меня

Answer 3

Мой опыт отличается:.

Я работаю с IE8/9/10, а также

$(document).ready(...) 

не был хорошим; он не работает нормально 5 раз больше 10! :(

На сейчас, я пытался поставить код bxslider внутри

$(window).bind('load', function(){}) 

сниппета и он хорошо работает в 9 раз более десяти ...

Вы могли бы попробовать этот подход .. .

Answer 4

у меня была такая же проблема, и фиксируется только удаление атрибута Defer.

Кроме того, вы хотите, чтобы убедиться, чтобы включить библиотеку, а затем поместить скрипт

Раньше - это не работает в IE и Край

<script src="//cdn.jsdelivr.net/bxslider/4.1/jquery.bxslider.min.js" defer="defer"></script> 
<script> 
    $(document).ready(function(){ 
     $('.bxslider').bxSlider({ 
      slideWidth: 850, 
      auto:true, 
      pause:3500, 
      useCSS:true 
     }); 
    }); 
</script> 

После - это работает в IE и Грань

<script src="//cdn.jsdelivr.net/bxslider/4.1/jquery.bxslider.min.js"></script> 
<script> 
    $(document).ready(function(){ 
     $('.bxslider').bxSlider({ 
      slideWidth: 850, 
      auto:true, 
      pause:3500, 
      useCSS:true 
     }); 
    }); 
</script>