Javascript bxSlider在IE10中不工作
bxSlider在IE10上不工作,在IE8和IE9上工作良好, 它正在IE10模式下工作:'淡入'但不在'水平'模式下工作所有bxSlider模式都在Mozilla和Chrome上工作。 问题在哪里 我使用bxSlider的代码是Javascript bxSlider在IE10中不工作,javascript,jquery,asp.net,slider,bxslider,Javascript,Jquery,Asp.net,Slider,Bxslider,bxSlider在IE10上不工作,在IE8和IE9上工作良好, 它正在IE10模式下工作:'淡入'但不在'水平'模式下工作所有bxSlider模式都在Mozilla和Chrome上工作。 问题在哪里 我使用bxSlider的代码是 $('#slidesfMovieShowcase').bxSlider({ mode: 'horizontal', controls: false, pager: true,
$('#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错误非常挑剔 正如第一个答案所说,它应该运行在 $document.readyfunction{
有些人体验到第一张没有加载IE10的图像,这让我很吃惊。我的体验不同: 我与IE8/9/10以及
$(document).ready(...)
不好;10次以上5次都不行!:
现在,我已经尝试将bxslider代码放在
$(window).bind('load', function(){})
代码片段和它的工作以及9倍于10
您可以尝试这种方法…我也遇到了同样的问题,并且修复了删除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>
<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>
之后-这在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>
<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来解决我的问题