jquery Nivo slider 与 Internet Explorer

标签 jquery css internet-explorer nivo-slider

我在使用旧版 Internet Explorer 时遇到了 jquery 问题(我已经在 IE7、IE8 和 IE9 中对其进行了测试,它们都会产生相同的问题)。我正在为网站使用 Nivo Slider 插件。只有在IE下才会出错。不知何故,图像会 self 复制并将其粘贴到彼此旁边(很抱歉我的英语不好,您可以在下面的图片中看到问题)。

slider 中的图像应如下所示: enter image description here

slider 中的图像在 Internet Explorer 中的外观如何: enter image description here

您可以在这里找到我的代码: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/

相关文章:

html - Bootstrap open-modal 滚动问题

CSS 在 IE 8、9 中无法正确呈现

javascript - IE 中未定义的 outerHTML

jquery - 在 jQuery 中选择具有多个类的元素

jquery - 当选择多于一行时,SlickGrid onSelectedRowsChange 会触发两次吗?

javascript - onclick后如何在动态div行下方插入一个div

css3 列顺序错误

javascript - jQuery 检查数组中字母是否可用

javascript - 循环遍历数据库中的元素时如何显示视觉反馈?

css - IE 7 在使用 css 边框时更改 block 元素的高度