1

本当に奇妙なエラーがあります。sIFR を使用して単一の h1 要素を置き換えると、ページ上の他のすべてが消えます。それは本当に奇妙です。JavaScriptエラーは発生しません。

sifr-config の sIFR.activate 関数を編集すると、すべてが正常に表示されます...

これは私のコードです... 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; }'

});

ここで例を見ることができます: www.runemadsen.com/innovation/sifr

4

2 に答える 2

1

次の CSS を追加しました。

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

<html>これにより、要素全体が非表示になります。

于 2009-06-01T22:00:56.610 に答える
0

私は同じ問題を抱えていました。基本的に問題は、別の関数またはイベント内からアクティブ化を呼び出すことでした。動かして問題なし。

于 2010-04-08T16:45:13.210 に答える