bxSlider加載覆蓋IE10 Windows Phone

我已經在我的網站中實現了bxSlider插件。幻燈片是div的，而不是圖像。不知何故，在Windows Phone上，我得到了這個加載覆蓋（見圖片），它並沒有消失。我仍然可以訪問疊加層「後面」的鏈接，並使用prev/next導航。但我無法擺脫這個覆蓋！適用於所有其他瀏覽器。有什麼想法嗎？bxSlider加載覆蓋IE10 Windows Phone

它是一個白色的盒子（z-index似乎相當高），並在其中有一個加載gif（條紋排列成一個圓圈）。

來源

2014-02-12 Kweamod

我有同樣的問題。我用css解決它。整個元素H-A-S是'方向：ltr;' – JonnieJS

嘿約翰尼，謝謝你的回覆。你的意思是什麼，整個元素？我試着分配方向：ltr;以bx包裝和ul bxslider元素，沒有任何改變... – Kweamod

對不起。我只在包裝上，它的工作，但我不知道爲什麼我沒有發佈它作爲答案，但作爲評論。如果你看到useragent是windows phone的話，也許可以做一個js的解決方法來隱藏那個特定的元素。 – JonnieJS

我不知道爲什麼，但是當你耽誤調用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(); 
    } 
});

有可能是一個更好的方式來做到這一點，但是這似乎工作。

來源

2014-04-09 19:17:45

bxSlider加載覆蓋IE10 Windows Phone

回答

相關問題