Jssor Slider Internet Explorer 问题答案

【问题标题】：Jssor Slider Internet explorer issueJssor Slider Internet Explorer 问题
【发布时间】：2017-04-05 07:19:07
【问题描述】：

早安，

以下网站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版本？

【问题讨论】：

您是否尝试将overflow:hidden 设置为滑块的父容器？
我已经尝试过了，但它并没有改变 IE11 中的任何内容。还是同样的问题。
怎么可能，如果我通过刷新网站，它实际上可以工作。 F5 然后一切看起来都很好，直到我切换到新页面？！
你是什么意思'一旦我回到那个页面它又搞砸了'？
我的意思是当我访问该页面时，一切看起来都一团糟。只要我按 F5 刷新..一切看起来都很好。直到我切换到另一个页面并返回，然后 Internet Explorer 11 中的一切看起来都不好了。我会尝试截图。

标签： html css slider internet-explorer-11 jssor

【解决方案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;
}

【讨论】：

我不是很喜欢 javascript。你能解释一下你的意思吗？它不是通过简单地回显 refSize 来完成的，对吧？