我在使用旧版 Internet Explorer 时遇到了 jquery 问题(我已经在 IE7、IE8 和 IE9 中对其进行了测试,它们都会产生相同的问题)。我正在为网站使用 Nivo Slider 插件。只有在IE下才会出错。不知何故,图像会 self 复制并将其粘贴到彼此旁边(很抱歉我的英语不好,您可以在下面的图片中看到问题)。
slider 中的图像应如下所示:
slider 中的图像在 Internet Explorer 中的外观如何:
您可以在这里找到我的代码:http://jsfiddle.net/skeurentjes/YszGW/10/
这是我的 Nivo slider 配置:
$(document).ready(function() {
$('#photoSlider').nivoSlider({
effect: 'fade',
animSpeed: 1000,
pauseTime: 5000,
directionNav: true,
controlNav: true,
pauseOnHover: true,
randomStart: true
});
});
我不知道该去哪里寻找。不知道是javascript的问题还是css的问题。每一个帮助将不胜感激。
最佳答案
编辑:@Sparky 指出我的回答没有帮助,因为您在所有版本的 IE 中都遇到问题,在这种情况下,尾随逗号修复将无济于事。抱歉。
但是,我发现一些用户遇到了与您相同的问题。看起来像指定 slices: 1
而不是将其保留为默认值似乎可以修复它。下面引用了线程。
Nivo slider display issue in IE
EDIT2:Sparky 在下面的评论中提出了另一个很好的观点。即使更改切片“解决”了问题,也不意味着它消除了原来的问题。 Nivo slider 附带 CSS,可确保其在不同浏览器中的外观和功能良好,因此如果删除这些 CSS,肯定会导致这些问题。我会首先尝试放回默认 CSS,以确保您按照开发人员的预期使用该插件。
如果这不起作用,希望切片修复可以为您解决这个问题。
关于jquery Nivo slider 与 Internet Explorer,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14142395/