bxSlider无法在IE10中运行

时间:2013-05-22 04:36:42

标签: javascript jquery asp.net slider bxslider

bxSlider无法在IE10上运行,它在IE8和IE9中运行良好, 它正在IE10模式下工作:'淡出'但不能在'水平'上工作bxSlider的所有模式都在使用Mozilla和Chrome。 哪里有问题 我的使用代码bxSlider是

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

5 个答案:

答案 0 :(得分:0)

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

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

答案 1 :(得分:0)

IE10对HTML错误非常挑剔。

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

中运行
  

$(document).ready(function(){

有些人会遇到第一张没有加载IE10的图片,这让我感到非常震惊。

答案 2 :(得分:0)

我的经历不同:

我使用IE8 / 9/10以及

$(document).ready(...) 

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

现在,我试图将bxslider代码放在

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

摘录,它在十分之一的情况下运行良好9次......

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

答案 3 :(得分:0)

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

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

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

答案 4 :(得分:0)

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