Frage

Okay, ich bin ein wenig verblüfft mit diesem. Ich bin USNG-CUFON, um meinen Text durch eine nicht-geweb-Standardschrift zu ersetzen. Dies ist ein Skript, das ich ein beeindruckendes Los verwendet habe und hatte in der Vergangenheit noch nie ein Problem damit. Den IE und es beschließt, meinen Tag zu ruinieren.

Ich verwende die aktuellste Version von CUFON (wie zum Zeitpunkt dieses Beitrags) und bin eine Reihe von verschiedenen Elementen in meinem Header.php Datei (für eine WordPress -Site):

    <script type="text/javascript" language="javascript" >Cufon.replace('.learnmore', { color: '#fff', textShadow: '1px 1px #0e1b0a', hover: { textShadow: '1px 1px #000',  color: '#fff'   }   });     </script>
    <script type="text/javascript" language="javascript" >Cufon.replace('.logo span, h1, h2, h4 , h5, h6, .learnmore, .prosto_button, .comment-reply-link, .slide_button, .page_title .bold p, .textonlycont, .h-title', { fontFamily: "Aller"});   </script>
    <script type="text/javascript" language="javascript" >Cufon.replace('.h-title', { textShadow: '1px 2px #5C1003' });     </script>
    <script type="text/javascript" language="javascript" >Cufon.replace('h1', { color: '-linear-gradient(white, #ececec)', textShadow: '#862905 0 2px'});   </script>
    <script type='text/javascript' src='http://localhost/wordpress/wp-content/themes/pondera/js/cufon/Vegur.font.js?ver=1.0.0'></script>
    <script type="text/javascript" language="javascript" >Cufon.replace('h3, #serv-benefit h4, p.quote, #letstalk label', { fontFamily: "Vegur"});  </script>
    <script type="text/javascript" language="javascript" >Cufon.replace('#letstalk label', { fontFamily: "Vegur", textShadow: '1px 2px #293719' }); </script>

Ich bin mir nicht sicher, ob dies der beste Weg ist, um auf mehrere verschiedene Schriftarten zu referenzieren, aber es funktioniert in allen Browsern -Bars, dh (speziell V.8.0.7 was ich gerade laufe). IE gibt den folgenden Fehlerbericht an:

Webseitenfehlerdetails:

Nachricht: Ungültiges Argument. Zeile: 7 Char: 8520 Code: 0 URI: http: //localhost/wordpress/wp-content/themes/pondera/js/cufon/cufon-yui.js? ver = 1.0.0

Ich habe die CUFON JS -Datei untersucht, und dies scheint kurz vor a zu sein D.replaceChild Hinweis. Jetzt bin ich weit von einem JS -Experten entfernt, also habe ich keine Ahnung, was dieses Problem verursacht ...

Nur als Referenz versuchte ich durch einen Test, den gesamten Balken zum ersten Mal zu entfernen Cufon.replace(... Referenz (dh der obige Code), um festzustellen, ob es meine schlechte Codierung war, aber das hat es nicht behoben.

Alle Vorschläge wären sehr geschätzt! Vielen Dank im Voraus für das Readaing, das ich gerne mehr Informationen bereitstellen würde, falls dies erforderlich sein sollte.

War es hilfreich?

Lösung

Okay, ich glaube, ich habe eine Seele (von Art) gefunden ... und möglicherweise einen Fehler in Cufon selbst (obwohl ich nicht überrascht wäre, wenn ich mich irren würde!).

Wie Epascarello vorschlug, habe ich das Layout meines Codes auf weniger Skript -Tags bewiesen:

    <script type="text/javascript" language="javascript" >
        Cufon.replace('.logo span, h1, h2, h5, h6, .learnmore, .prosto_button, .comment-reply-link, .slide_button, .page_title .bold p, .textonlycont, .h-title', { fontFamily: "Aller"});
        Cufon.replace('h1', { color: '-linear-gradient(white, #ececec)', textShadow: '#862905 0 2px'});
        Cufon.replace('.learnmore', {   color: '#fff', textShadow: '1px 1px #0e1b0a', hover: { textShadow: '1px 1px #000',  color: '#fff'   }});
        Cufon.replace('.h-title', { textShadow: '1px 2px #5C1003' });
    </script>
    <script type='text/javascript' src='http://localhost/wordpress/wp-content/themes/pondera/js/cufon/Vegur.font.js?ver=1.0.0'></script>
    <script type="text/javascript" language="javascript" >
        Cufon.replace('h3, #serv-benefit h4, p.quote, #letstalk label', { fontFamily: "Vegur"});
        Cufon.replace('#letstalk label', { fontFamily: "Vegur", textShadow: '1px 2px #293719' });
    </script>

Währenddessen habe ich mir einige Zeit genommen, um den Code nacheinander zu testen, wie er eingefügt wurde, um festzustellen, wann der Fehler auftrat. Währenddessen habe ich jeden Selektor getestet und alle bearbeitete Bar eins ... H4!?!? Um zu verdeutlichen, ob Sie die erste Zeile den obigen Code nach Folgendes ändern, tritt der IE -Fehler auf:

        Cufon.replace('.logo span, h1, h2, h4, h5, h6, .learnmore, .prosto_button, .comment-reply-link, .slide_button, .page_title .bold p, .textonlycont, .h-title', { fontFamily: "Aller"});

Seltsam, oder?! Die Seele, die ich verwende, besteht darin, mein Markup zu ändern, um die H4 -Tags zu vermeiden, aber vermutlich ist dies ein Fehler in CUFON?

Hoffe das hilft jemandem!

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top