bxSlider在IE10中不工作

bxSlider not working in IE10

本文关键字：工作 IE10 bxSlider      更新时间：2023-09-26

bxSlider在IE10上不工作，它在IE8和IE9上工作良好，它在IE10模式下工作:"褪色"，但不工作在"水平"，bxSlider的所有模式都在Mozilla和Chrome上工作。问题在哪里?我使用bxSlider的代码是

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

我知道这个问题有点过时了，但是非常类似的代码在ie10中为我工作，但是在jQuery ready函数中:

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

IE10对HTML错误非常挑剔。

正如第一个答案所说，它应该在 中运行。
文档

$()时()函数{

有些人看到IE10的第一张图片没有加载，这让我很害怕。

我的经历不同:

我使用IE8/9/10和

$(document).ready(...)

并不好;它不能正常工作5次超过10!(

现在，我已经尝试将bxslider代码放入

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

代码片段，它运行良好的9次超过10…

我也有同样的问题，只是删除了defer属性。

你也要确保首先包含库，然后把你的脚本

Before -这在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>

After -这适用于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>

我通过将bxslider从v4.2.12降级到v4.1

来解决我的问题
相关文章：