IE10 Windows Phone 上的 bxSlider 加载覆盖答案

【问题标题】：bxSlider loading overlay on IE10 Windows PhoneIE10 Windows Phone 上的 bxSlider 加载覆盖
【发布时间】：2014-06-11 03:32:58
【问题描述】：

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

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

【问题讨论】：

我遇到了同样的问题。我用css解决它。整个元素 H-A-S 为 direction:ltr;
嗨，约翰尼，感谢您的回复。你是什么意思，整个元素？我尝试分配方向：ltr;到 bx-wrapper 和 ul bxslider 元素，没有任何改变......
对不起。我只在包装上做了，但我不知道为什么我没有把它作为答案发布，而是作为评论发布。如果您看到用户代理是 windows phone，也许可以做一个 js 解决方法来隐藏该特定元素。

标签： jquery windows-phone internet-explorer-10 bxslider

【解决方案1】：

我不知道为什么，但是当您延迟调用 bxSlider 的函数时，Windows Phone 的响应会更好。这样做的一种方法是将 bxSlider 包装在一个函数中，然后在 $(document).ready 函数中给它一个超时。例如，

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

如果你只想为 windows phone 做这个，那么你可以做这样的事情

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

可能有更好的方法来做到这一点，但这似乎可行。

【讨论】：