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＆amp; 8- $(this).attr("src")的值是多少，什么是 src属性在元素上输入后的元素是什么？我想，IE可能会返回到图像的绝对路径，例如" http://example.com/image.png" - 在这种情况下，您的正则是不起作用的。

为什么不打电话

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

而不是

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

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