jQuery与Internet Explorer的Nivo滑块

我有一个好的旧Internet Explorer的jquery问题（我在IE7，IE8和IE9中测试过它们都产生相同的问题）。我为网站使用Nivo Slider插件。只有在IE中它出错了。不知何故，图片会自我复制，然后将其粘贴在一起（对于我的英语不好，我很抱歉，您可以在图片中看到下面的问题）。jQuery与Internet Explorer的Nivo滑块

如何在滑块的形象应该是这样的： enter image description here

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

来源

2013-01-03 SKeurentjes

首先，请正确使用jsFiddle;注意最左边的面板。 http://jsfiddle.net/YszGW/11/ – Sparky

我注意到jsFiddle演示中的CSS缺少通常包含在Nivo中的默认CSS文件。您手动输入的CSS似乎从默认的Nivo CSS中大幅减少了。根据我的经验，忽略默认的CSS似乎会导致很多这些jQuery滑块插件的奇怪问题。放回** Nivo的所有**默认CSS，看看是否修复它。 – Sparky

编辑：@Sparky指出，我的回答并没有帮助，因为你遇到的所有版本的IE浏览器的问题，在这种情况下，尾随逗号修复不会帮助。我很抱歉。

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

Nivo slider display issue in IE

EDIT2：Sparky在下面的评论中提出换个好点的。即使改变切片“修复”了这个问题，但并不意味着它摆脱了原来的问题。 Nivo滑块带有CSS，它可以确保它在不同的浏览器中看起来很好用，所以如果你移除了这些，肯定会导致这些问题。我会先尝试放回默认的CSS，以确保您使用该插件作为开发者的意图。

如果这不起作用希望切片修复为你照顾，但你。

来源

2013-01-03 18:04:04 Jason

我跟着你的[链接]（http://stackoverflow.com/questions/5558920/nivo-slider-not-working-with-ie7），然后按照[链接]（http://support.dev7studios.com/讨论/一般讨论/ 42-nivo-slider-dissapearing-in-ie7-8-after-loading）在你的链接中。这似乎只是一个“死亡逗号”问题，这只会影响IE 7（也如链接所示）。 OP在IE的所有版本中都存在问题......你能提供任何文档来支持它吗？ – Sparky

你是对的，这是我引用的死亡问题的尾随逗号，这没有帮助。尽管如此，还有其他人也有同样的问题，他们似乎已经修复了这个问题。请参阅编辑。 – Jason

查看[代码]（http://poplight.hpu.nl/js/jquery.nivo.slider.js），没有'slices'的默认设置，所以不太确定'slices：1'如何解决当OP没有使用这个选项的时候，任何事情都是一样的。我和许多其他人一样，在没有任何IE问题的情况下设法使用Nivo，所以OP有些事情做错了。 – Sparky

我也一样。我在网上看过，添加“height：auto;”以“.nivoslider img”会工作，但对我来说它没有。奇怪的东西在IE所做的工作是以下设置：

$（ '＃idOfSlider'）nivoSlider（{ 切片：1， ...， randomStart：真， ... }）。

1个slice（当然还有更多的代码）和randomStart结合起来了。

来源

2014-01-17 16:17:29

jQuery与Internet Explorer的Nivo滑块

回答

相关问题