2017-04-05 66 views
0

早安,Jssor滑塊Internet Explorer的問題

以下網站http://mnb-crossmediadesign.de/vorschau/wiewelhove/pellets.php?lang=de對IE 11的一些滑塊的問題(我沒有嘗試在此之前的任何版本) 它可以在Chrome和Firefox你完美的罰款。

我嘗試了多種不同的解決方案的例子,我的搜索功能找到像改變DOCTYPE到

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 

或添加元

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 

但沒有什麼似乎解決我的問題。 奇怪的事情也是。當我在該頁面上按F5進行刷新時,它會正確顯示所有內容。一旦我回到那個頁面,它就會再次混亂。

在此先感謝您的解決方案。

更新信息:據我所知,它只是在這個測試版本的網站上搞砸了,而不是在原始文件上看到:http://wiewelhove.de/pellets.php?lang=de。奇怪的事情,它可能是我們正在使用的PHP版本?

+0

您是否嘗試將'overflow:hidden'設置爲滑塊的父容器? – jssor

+0

我曾試過,但它並沒有改變IE11中的任何東西。還是同樣的問題。 – kazaam00nix

+0

它怎麼可能,它實際上如果我刷新網站通過。 F5,然後一切都很好,直到我切換到一個新的頁面?! – kazaam00nix

回答

1

請檢查下面的代碼,

//responsive code begin 
//you can remove responsive code if you don't want the slider scales while window resizing 
function ScaleSlider() { 
    var refSize = jssor_1_slider.$Elmt.parentNode.clientWidth; 
    if (refSize) { 
     refSize = Math.min(refSize, 735); 
     jssor_1_slider.$ScaleWidth(refSize); 
    } 
    else { 
     window.setTimeout(ScaleSlider, 30); 
    } 
} 
ScaleSlider(); 
$Jssor$.$AddEvent(window, "load", ScaleSlider); 
$Jssor$.$AddEvent(window, "resize", ScaleSlider); 
$Jssor$.$AddEvent(window, "orientationchange", ScaleSlider); 
//responsive code end 

它擴展滑塊的寬度refSize而調整窗口大小,您可以登錄refSize,看看發生了什麼。

編輯 請刪除style.css文件中的以下行。

#jssor_1 { 
    width: 100% !important; 
} 
+0

即時通訊並不真正轉化爲javascript。你能解釋一下你的意思嗎?它不是通過簡單地回顯refSize來完成的,對吧? – kazaam00nix

+0

請參閱更新的答案。 – jssor

+0

謝謝你,完美的工作! – kazaam00nix