2009-06-01 7 views
1

J'ai une erreur vraiment bizarre. Lorsque j'utilise sIFR pour remplacer un seul élément h1, tout le reste de la page disparaît. C'est vraiment bizarre. Je ne reçois aucune erreur javascript.sIFR supprime tout le contenu de la page?

Si je modifier la fonction sIFR.activate dans Sifr il-config, tout est affiché normalement ...

Ceci est mon code ... HTML:

<!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. 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; }' 

}); 

Vous pouvez voir un exemple ici: www.runemadsen.com/innovation/sifr

+0

Avez-vous déjà trouvé une solution à ce problème? Cela m'arrive aussi. –

Répondre

1

Vous avez ajouter ed le CSS suivant:

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

Ce cache l'ensemble de l'élément <html>.

0

J'ai eu le même problème, essentiellement le problème appelait activer à partir d'une autre fonction ou d'un événement. Déplacé et pas de problème.

Questions connexes