jQuery onmouseover浏览器兼容性问题

我从前面的StackOverflow问题中得到了这个例子

以下是鼠标悬停示例的链接：

上面的例子可以在Chrome中使用，但不能在Firefox或IE中使用

原因可能是什么？

强制图像加载事件 请查看我在这个帖子上的回复：

正如在加载事件的jQuery文档页面中提到的，它存在一些问题。在IE上，它并不总是第一次启动，在webkit浏览器上，如果它是从缓存中读取的，它也不总是启动

您正在使用

load（）

事件将图像原始高度保存到数据属性，但由于上述原因，它并不总是设置好，因此调整大小不起作用

解决方案是将以下一小段代码放入ready函数中，该函数清除并重置所有图像上的

src

属性（或者如果愿意，将其更改为某些图像），以强制触发load事件

$('img').each(function(){
    var src = $(this).attr('src');
    $(this).attr('src','#');
    $(this).attr('src',src);
});

以下是您的固定JSFIDLE演示：

自动循环浏览图像 如果希望具有相同的效果来自动循环浏览图像，只需编写一些额外的函数并在动画完成回调中调用它们。下面是一个工作演示：

强制图像加载事件 请查看我在这个帖子上的回复：

正如在加载事件的jQuery文档页面中提到的，它存在一些问题。在IE上，它并不总是第一次启动，在webkit浏览器上，如果它是从缓存中读取的，它也不总是启动

您正在使用

load（）

事件将图像原始高度保存到数据属性，但由于上述原因，它并不总是设置好，因此调整大小不起作用

解决方案是将以下一小段代码放入ready函数中，该函数清除并重置所有图像上的

src

属性（或者如果愿意，将其更改为某些图像），以强制触发load事件

$('img').each(function(){
    var src = $(this).attr('src');
    $(this).attr('src','#');
    $(this).attr('src',src);
});

以下是您的固定JSFIDLE演示：

自动循环浏览图像 如果希望具有相同的效果来自动循环浏览图像，只需编写一些额外的函数并在动画完成回调中调用它们。下面是一个工作演示：

---

在Ubuntu11.04上的Firefox4中对我有效。我目前没有访问Windows的权限，所以我不能说问题是什么或可能是什么。@BrunoLM:谢谢：）我不知道操作系统是否重要，但它似乎很重要（如果Win XP上的FF4有问题，但Win 7上有效）。适用于我在Ubuntu11.04上的Firefox 4。我目前没有访问Windows的权限，所以我不能说问题是什么或可能是什么。@BrunoLM:谢谢：）我不知道操作系统是否重要，但似乎很重要（如果Win XP上的FF4有问题，但Win 7上的FF4有效）。谢谢你的回复。它工作得很好。也可以循环浏览图像列表，并将其高亮显示几秒钟，当第二个图像即将高亮显示时，应将前一个图像取消高亮显示。我的意思是，这可以在页面加载时自动完成，而无需鼠标覆盖吗？@user508518-我已经编辑了帖子，添加了自动循环浏览图片的功能，这就是你的想法吗？谢谢你的回复。它工作得很好。也可以循环浏览图像列表，并将其高亮显示几秒钟，当第二个图像即将高亮显示时，应将前一个图像取消高亮显示。我的意思是，这可以在页面加载时自动完成，而无需鼠标覆盖吗？@user508518-我已经编辑了帖子，添加了自动循环浏览图片的功能，这是你的想法吗？