Question

我在Umbraco有一个网站http://excellent-grib.com/，左边的徽标正好作为.svg文件加载。但是当我点击“FORSIDE”（首页）之外的任何其他链接时，Modernizr不会将图像从.gif更改为.svg。

我的JQuery功能是：

$(document).ready(function (event) {    
    if (Modernizr.svg){
        $('#logo_image').attr('src', '/graphics/excellentSystems_logo.svg');
    }
});

有趣的是，我在抬头和Modernizr中有另一个脚本，

<script>
    Modernizr.load('http://excellent-grib.com/css/enhanced.css');
    Modernizr.load('http://excellent-grib.com/css/responsive.css');
</script>

这很好。

任何帮助都将非常感谢！

Answer 1

我没有在chrome中看到这个问题，也许这只是在某些浏览器中显示的问题 - 您使用的是哪一个？

话虽如此，我不会像你那样做。目前您正在请求.gif，然后“升级”到svg。由于在文档的头部有modernizr，因此可以使用它提供的css类来使用背景图像，而不是图像文件。这意味着用户只下载一个文件，并完全避免此问题。

其次，如果不提供任何测试，则不应使用Modernzr.load。因为它们总是被加载，并且它是通过javascript它是killing your page performance。只需在正常的<script>代码中加载它们：]

Modernizr第二次点击不工作（Umbraco css）

1 个答案: