2

我有一个很好的旧 Internet Explorer 的 jquery 问题（我已经在 IE7、IE8 和 IE9 中对其进行了测试，它们都产生了同样的问题）。我正在为网站使用 Nivo Slider 插件。只有在 IE 中才会出错。不知何故，图像自我复制并将其粘贴在一起（对不起我的英语不好，您可以在图片上看到下面的问题）。

滑块中的图像应如下所示： 在此处输入图像描述

滑块中的图像在 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问题。每一个帮助将不胜感激。

4

2 回答 2

2

编辑：@Sparky 指出我的回答没有帮助，因为您在所有版本的 IE 中都遇到问题，在这种情况下，尾随逗号修复无济于事。我很抱歉。

但是，我发现一些用户遇到了与您相同的问题。看起来像是指定slices: 1而不是将其保留为默认值似乎可以修复它。下面引用的线程。

IE 中的 Nivo 滑块显示问题

EDIT2：Sparky 在下面的评论中提出了另一个好观点。即使更改切片“修复”了问题，也并不意味着它摆脱了原来的问题。Nivo 滑块带有 CSS，可以确保它在不同的浏览器中看起来和运行良好，所以如果你删除了这些，它肯定会导致这些问题。我会先尝试放回默认 CSS，以确保您按照开发人员的意图使用插件。

如果这不起作用，希望切片修复会为您解决它。

于 2013-01-03T18:04:04.330 回答
0

我有同样的。我在网上读到添加“height：auto;” 到“.nivoslider img”会工作，但对我来说没有。奇怪的是，在 IE 中起作用的是以下设置：

$('#idOfSlider').nivoSlider({ slices: 1, ..., randomStart: true, ... });

1 个切片（当然还有更多的代码）与 randomStart 的组合起到了作用。

于 2014-01-17T16:17:29.083 回答