javascript - bxSlider 在 IE10 中不起作用

Question

bxSlider 不能在 IE10 上运行，它在 IE8 和 IE9 上运行良好，它在 IE10 上运行在 mode:'fade' 但不能在 'horizo​​ntal' 上运行 bxSlider 的所有模式都在 Mozilla 和 Chrome 上运行。问题在哪里我使用 bxSlider 的代码是

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

Answer 1

IE10 对 HTML 错误非常挑剔。

正如第一个答案所说，它应该在一个

$(文档).ready(函数() {

有些人遇到了第一个没有加载 IE10 的图像，这让我很害怕。

Answer 2

我知道这个问题有点过时了，但非常相似的代码在 ie10 中为我工作，但在 jQuery 就绪函数中：

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

Answer 3

我的经历不一样：

我使用 IE8/9/10 以及

$(document).ready(...) 

不好；它不能正常工作超过 10 次 5 次！:(

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

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

片段，它运行良好 9 倍超过 10...

你可以试试这个方法...

Answer 4

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

Answer 5

我遇到了同样的问题并修复了仅删除 defer 属性。

另外，您要确保先包含库，然后再放入脚本

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