2009-06-01 3 views
1

정말 이상한 오류가 있습니다. sIFR을 사용하여 단일 h1 요소를 대체하면 페이지의 다른 모든 요소가 사라집니다. 정말 이상합니다. 자바 스크립트 오류가 발생하지 않습니다.sIFR은 페이지의 모든 콘텐츠를 삭제합니까?

<!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 - 구성 :

나는 sIFR.activate의 그가 또는 sIFR-설정에서 기능을 편집하는 경우

은 모든 것이

이 내 코드 ... HTML은 ... 일반적으로 표시됩니다. 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; }' 

}); 

당신은 여기에서 예를 볼 수 있습니다

+0

해결 방법을 찾으셨습니까? 나에게도 일어나고있다. –

답변

1

www.runemadsen.com/innovation/sifr 당신은 추가했습니다 다음 CSS를 수정 :

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

이 요소는 전체 <html> 요소를 숨 깁니다.

0

동일한 문제가 있었지만 기본적으로 다른 함수 또는 이벤트에서 activate를 호출하는 것이 문제였습니다. 그것을 밖으로 이동하고 아무런 문제가 없습니다.

관련 문제