JQuery在鼠标悬停时更改图像src在IE7和8中不起作用

Question

我有一组图像，我希望源在鼠标悬停时更改。 我的代码在除IE 7和8之外的所有内容中都能正常工作 - 当我将鼠标悬停在图像上时，它只会更改为损坏的图像链接。

我的代码是：

$(".socialicon").each(function() {
   $(this).find("img")
        .mouseover(function() { 
            var src = $(this).attr("src").match(/[^\.]+/) + "hover.png";
            $(this).attr("src", src);
        })
        .mouseout(function() {
            var src = $(this).attr("src").replace("hover.png", ".png");
            $(this).attr("src", src);
        });
});

有谁知道我有什么必须改变才能在IE 7和8中工作吗？

Answer 1

你应该在IE7和8上调试 - $(this).attr("src")的值是什么，用鼠标在元素上输入后src属性有什么元素？ 我想，IE可能会返回图像的绝对路径，例如“ http://example.com/image.png ” - 在这种情况下，您的RegEx将无效。

为什么不打电话

var src = $(this).attr("src").replace(".png", "hover.png");

代替

var src = $(this).attr("src").match(/[^\.]+/) + "hover.png";

关于mouseout方法，这将更加一致。