2

男、私はそれを理解していません。ペアリングされたリンクのセットが 4 つあります。jQueryで動作していますが、Cufonを追加するとサイコロではありません。JQスクリプトは次のとおりです。

     <script type="text/javascript">
    jQuery(document).ready(function() {

      var doubleHighlight = function(element1, element2, class) {
        element1.hover(
          function() {
            element2.addClass(class);
          },
          function() {
            element2.removeClass(class);
          }
        );

        element2.hover(
          function() {
            element1.addClass(class);
          },
          function() {
            element1.removeClass(class);
          }
        );
      };
      doubleHighlight(jQuery("#abouttop"), jQuery("#aboutbottom"), "highlight_about");
      doubleHighlight(jQuery("#worktop"), jQuery("#workbottom"), "highlight_work");
      doubleHighlight(jQuery("#blogtop"), jQuery("#blogbottom"), "highlight_blog");
      doubleHighlight(jQuery("#contacttop"), jQuery("#contactbottom"), "highlight_contact");
    });
  </script>

Cufon の部分は次のとおりです。

 <script src="cufon-yui.js" type="text/javascript"></script>
<script src="gothamxlight_300-gothamxlight_300.font.js" type="text/javascript">    </script>
<script src="gothamlight_300-gothamlight_500.font.js" type="text/javascript"></script>
        <script type="text/javascript">
           Cufon.replace('#type', { fontFamily: 'gothamxlight', hover: true});
            Cufon.replace('#smalltype', { fontFamily: 'gothamlight', hover: true});
            Cufon.replace('#nav', { fontFamily: 'gothamlight', hover: true});
        </script>

何か案は？おそらく、Cufon はどのようにテキストをレンダリングするのでしょうか? リフレッシュする必要がありますか？ここでストローをつかんでいます。

4

2 に答える 2

0

Cufon が機能しない、または Cufon が doubleHighlight を壊すという問題ですか?

JQuery に関連する Cufon の問題のほとんどが、すべてが呼び出される順序にかかっていることを知る前に、私は実際に自殺しました。私が見つけたのは去年の9月だったので、ドキュメントでこれに対する彼らの説明を見つけるのに苦労しているので、今は答えを引用できないのではないかと心配しています.仕事に戻らなければなりません. 基本的に、Cufon は先頭に立つのが好きで、JQuery は通常、喜んで散弾銃に乗ります。例えば;

これは悪いか悪い可能性があります:

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="cufon-yui.js"></script>

<script type="text/javascript">
    your.jQueryKungFu(function() {
    };
</script>

<script type="text/javascript">
    cufon.replace('h1');
</script>

これはいい ：

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="cufon-yui.js"></script>

<script type="text/javascript">
    cufon.replace('h1');
</script>

<script type="text/javascript">
    your.jQueryKungFu(function() {
    };
</script>

違いに注意してください。cufon の 2 回目は、jquery 関数の前に処理されます。

このソリューションは、私がすでに JQuery で実行していたために Cufon が何かを置き換えることを完全に拒否した場合に役立ちました。あなたの問題が同じ問題の学校からのものであるかどうかはわかりません...

于 2010-03-05T16:39:47.047 に答える
0

関数 Cufon.refresh(); を呼び出す必要があります。イベント後。 https://github.com/sorccu/cufon/wiki/API 同じ問題があり、この方法がうまくいきました。

于 2012-05-28T10:13:41.367 に答える