Modernizr第二次沒有工作我點擊（Umbraco css）

Question

我有一個網站，http://excellent-grib.com/在Umbraco和左上角的標誌完全加載爲.svg文件。但是當我點擊「FORSIDE」（frontpage）之外的任何其他鏈接時，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>標籤：]