bxSlider无法在IE10中运行

Question

bxSlider没有在IE10上运行，它在IE8和IE9上工作正常，它在IE10模式下工作：'淡入淡出'但不在'水平'上工作bxSlider的所有模式都在使用Mozilla和Chrome。我的代码在哪里使用bxSlider是

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

Answer 1

我知道这个问题已经过时但是非常相似的代码在ie10中为我工作但在jQuery ready函数中：

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

Answer 2

IE10对HTML错误非常挑剔。

正如第一个答案所说，它应该在一个内部运行

$（document）.ready（function（）{

有些人体验到第一张没有加载IE10的图片，这让我很烦恼。

Answer 3

我的经历不同：

我使用IE8 / 9/10和

$(document).ready(...) 

不好; 10次​​以上5次不能正常工作！ :(

现在，我试图把bxslider代码放在一个

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

片段，它在十年内效果好9倍...

你可以尝试这种方法......

Answer 4

我有同样的问题，并修复了只删除延迟属性。

您还要确保首先包含库，然后放入脚本

之前 - 这在IE和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>

之后 - 这适用于IE和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>

Answer 5

我通过将bxslider从v4.2.12降级到v4.1来解决我的问题