bxSlider ne fonctionne pas dans IE10

Question

bxSlider ne fonctionne pas sur IE10, il fonctionne très bien dans IE8 et IE9, il fonctionne sur IE10 sur le mode: «fondu» mais ne fonctionne pas sur «horizontale» tous les modes de bxSlider travaillent sur Mozilla et Chrome. Où est le problème Mon code pour bxSlider est

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

Answer 1

Je sais que cette question est obsolète un peu, mais le code similaire fonctionne pour moi dans IE10 mais à l'intérieur fonction jQuery prêt:

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

Answer 2

IE10 est très pointilleux sur les erreurs HTML.

comme la première réponse dit, il devrait fonctionner dans un

$ (document) .ready (function() {

Certaines personnes l'expérience de la première image non chargée avec un IE10 qui freaks-moi sortir

Answer 3

Mon expérience est différente.

Je travaille avec IE8/9/10 et aussi le

$(document).ready(...) 

n'était pas bon; ça ne marche pas bien 5 fois plus de 10! :(

A l'instant, je l'ai essayé de mettre le code bxslider dans un

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

extrait et il fonctionne bien 9 fois sur dix ...

Vous pouvez essayer cette approche .. .

Answer 4

J'ai eu le même problème et fixé juste enlever le attribut defer.

aussi, vous voulez vous assurer d'inclure la bibliothèque d'abord, puis mettre votre script

Avant - cela ne fonctionne pas dans IE et Edge

<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> 

Après - cela fonctionne dans IE et Edge

<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>