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 来解决我的问题

bxSlider无法在IE10中运行

5 个答案: