bxSlider在IE10 Windows Phone上加载覆盖

Question

我在我的网站上实现了bxSlider插件。幻灯片是div，而不是图像。 不知何故，在Windows Phone上，我得到了这个加载叠加层（见图），它不会消失。我仍然可以访问叠加层“后面”的div中的链接并使用prev / next导航。但我无法摆脱这种叠加！适用于所有其他浏览器。有什么想法吗？

它是一个白色的盒子（z-index似乎很高），里面有一个加载的gif（条纹排成一个圆圈）。

Answer 1

我不确定原因，但是当您延迟调用bxSlider的函数时，Windows Phone响应更好。一种方法是将bxSlider包装在一个函数中，然后在$(document).ready函数中给它一个超时。例如，

$(document).ready(function(){
setTimeout(yourFunction,500);
});

如果您只想为Windows手机执行此操作，那么您可以执行类似这样的操作

$(document).ready(function(){
    if (navigator.userAgent.toLowerCase().indexOf("windows phone") != -1) {
    setTimeout(yourFunction,500);
    }else{
     yourFunction();
    }
 });

可能有更好的方法，但这似乎有效。