Modernizr이 두 번째로 작동하지 않습니다. (Umbraco css)

Question

나는 웹 사이트가 Umbraco에 http://excellent-grib.com/이며, 왼쪽 위의 로고는 .svg 파일로 완벽하게로드됩니다. 그러나 "FORSIDE"(frontpage) 이외의 다른 링크를 클릭하면 Modernizr은 .gif에서 .svg로 이미지를 변경하지 않습니다.

내 JQuery와 기능은 다음과 같습니다 충분히

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

재미 나는 모더 나이저 내 헤더에 다른 스크립트를 가지고, 이것은 잘 작동

<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> 태그 :]