Modernizr funktioniert nicht beim zweiten Mal (Umbraco css) - Jquery, SVG, Umbraco, Modernizr

Ich habe eine Website, http://excellent-grib.com/ in Umbraco und das Logo oben links wird perfekt als .svg-Datei geladen. Wenn ich jedoch auf einen anderen Link als "FORSIDE" (Startseite) klicke, ändert Modernizr das Bild nicht von .gif in .svg.

Meine JQuery-Funktion ist:

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

Lustigerweise habe ich mit Modernizr ein weiteres Skript in meiner Kopfzeile,

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

Das funktioniert gut.

Jede Hilfe wird sehr geschätzt!

Antworten:

Ich sehe das Problem nicht in Chrome, vielleicht handelt es sich um ein Problem, das nur in bestimmten Browsern angezeigt wird - welchen verwenden Sie?

Davon abgesehen, würde ich das nicht so machen wie Siemache es Derzeit fordern Sie die .gif-Datei an und "upgraden" Sie dann zur svg. Da sich im Kopf Ihres Dokuments modernizr befindet, können Sie die bereitgestellten CSS-Klassen verwenden, um ein Hintergrundbild anstelle der Bilddatei zu verwenden. Dies bedeutet, dass der Benutzer nur eine Datei herunterlädt und dieses Problem vollständig vermeidet.

Zweitens sollten Sie es nicht verwenden Modernzr.load ohne irgendwelche Tests zur Verfügung zu stellen. Da sie immer geladen sind, und es ist über Javascript so ist es töten Sie die Leistung Ihrer Seite. Laden Sie sie einfach wie gewohnt auf <script> Stichworte :]