Jquery Chrome更改图像源会使图像消失，直到返回原始src

Question

所以我写了一些Jquery代码来改变鼠标悬停时图像的source属性。此代码在我测试的其他浏览器中运行，期望Chrome。我遇到Chrome的情况是图像会在HTML中发生变化，但图像永远不会出现。

更新 - 它与悬停图像有关。我将hoverSrc更改为另一个图像链接，一切正常。因此，链接出现问题或者Chrome出现问题并加载新的.svg文件。

另一个更新 - 图像有问题。在Chrome中使用img标记显示它不会显示任何内容。但是，使用chrome中的链接直接查看它可以正常工作。

另一个更新 - 我确信问题出在Chrome和这个特定的svg文件中。我不能简单地只使用Chrome显示我想要的图像。那么我怎么能检测到我的SVG文件出了什么问题，Chrome无法加载它。

思考的食物：

1. src确实发生了变化，但Chrome永远不会熄灭并加载图片，因此永远不会显示它。
2. 我正在使用相对网址，可能会切换到完整网址会强行下载新图片。 - 经过测试，并没有改变任何事情。
3. Jquery在Chrome和更改图片来源方面做了一些不同的事情，所以我需要编写一个情景化的Chrome代码来执行。
4. 我使用display：none放置了当前图像旁边的图像，以便图像加载到缓存中。 - 经过测试，并没有改变任何事情。

代码块：

//StateWhite
    var originalSrc;
    var hoverSrc = "Content/Images/Maps/Complete Map With Color.svg";
    $('#StateWhite').hover(function () {
        //Hover is active. //Change img src
        originalSrc = $(this).attr("src");
        $('#StateWhite').attr("src", hoverSrc);
    }, function () {
        $('#StateWhite').attr("src", originalSrc);
        });