2009-06-01 18 views
1

Ich habe einen wirklich seltsamen Fehler. Wenn ich sIFR verwende, um ein einzelnes h1-Element zu ersetzen, verschwindet alles andere auf der Seite. Es ist wirklich merkwürdig. Ich bekomme keine JavaScript-Fehler.SIFR entfernt alle Inhalte auf der Seite?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml"> 

<head> 

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 

<title>sIFR test</title> 

<link rel="stylesheet" href="css/sifr.css" type="text/css"> 

<link rel="stylesheet" href="css/index.css" type="text/css"> 

<script src="js/sifr.js" type="text/javascript"></script> 

<script src="js/sifr-config.js" type="text/javascript"></script> 

</head> 
<body> 

<h1>Dette er en overskrift</h1> 

<ul class="menu"> 
<li class="parent active"><a href="#"><span>Main Menu Item 1</span></a> 
    <ul> 
    <li><a href="#"><span>Sub Menu Item 1</span></a></li> 
    <li><a href="#"><span>Sub Menu Item 2</span></a></li> 
    <li><a href="#"><span>Sub Menu Item 3</span></a></li> 
    <li><a href="#"><span>Sub Menu Item 4</span></a></li> 
    <li><a href="#"><span>Sub Menu Item 5</span></a></li> 
    </ul> 
</li> 
<li class="parent"><a href="#"><span>Main Menu Item 2</span></a> 
    <ul> 
    <li><a href="#"><span>Sub Menu Item 1</span></a></li> 
    <li><a href="#"><span>Sub Menu Item 2</span></a></li> 
    <li><a href="#"><span>Sub Menu Item 3</span></a></li> 
    <li><a href="#"><span>Sub Menu Item 4</span></a></li> 
    <li><a href="#"><span>Sub Menu Item 5</span></a></li> 
    </ul> 
</li> 
<li><a href="#"><span>Main Menu Item 3</span></a></li> 
<li class="parent"><a href="#"><span>Main Menu Item 4</span></a> 
    <ul> 
    <li><a href="#"><span>Sub Menu Item 1</span></a></li> 
    <li><a href="#"><span>Sub Menu Item 2</span></a></li> 
    </ul> 
</li> 
<li><a href="#"><span>Main Menu Item 5</span></a></li> 
</ul> 
<br class="clearfloat" /> 
</body> 
</html> 

sifr-config:

Wenn ich die sIFR.activate Funktion bearbeiten die in er Sifr-config ist alles normal ...

meinen Code ... HTML Dies ist angezeigt. js:

var helvetica57 = { src: 'sifr/helveticaNeue57Condensed.swf' }; 

var helvetica67 = { src: 'sifr/helveticaNeue67Medium.swf' }; 

sIFR.activate(helvetica57, helvetica67); 

sIFR.replace(helvetica67, { 

    selector: 'h1', 
    css: '.sIFR-root {color: #000000; }' 

}); 

Sie können ein Beispiel hier sehen: www.runemadsen.com/innovation/sifr

+0

Haben Sie jemals eine Lösung gefunden? Es passiert mir auch. –

Antwort

1

Sie haben hinzufügen ed folgende CSS:

.sIFR-active { 
    font-family: Verdana; 
    visibility: hidden; 
} 

Das das gesamte <html> Element verbirgt.

0

Ich hatte das gleiche Problem, im Grunde war das Problem Aufruf von innerhalb einer anderen Funktion oder Ereignis zu aktivieren. Ausgezogen und kein Problem.

Verwandte Themen