jquery - CufonとIE6/7/8の問題

Question

私はこのサイトのスキンの変更に取り組んでいますが、Cufonに奇妙な問題があります。H1、H2などのhtml要素では完全に機能しますが、＃IDやクラスではまったく機能しません。

誰かが何か考えを提供できますか？前もって感謝します。

Answer 1

問題ありません。これは簡単に修正できます。ドキュメントの先頭にあるスクリプトタグを並べ替えるだけです。jQueryはcufonの前にロードする必要があります。

説明：document.getElementsByTagName jQueryのようなライブラリーが検出されない場合、 Cufonのロード後にライブラリーがロードされたとしても、 Cufonはブラウザーのネイティブを使用しようとします。最初にjQueryをロードすることにより、Cufonはそれを検出し、へのすべての呼び出しはCufon.replace();jQueryを使用します。

ちなみに、聖なる外部HTTPはバットマンを要求します！

<script src="/www/include/js/cufon.js" type="text/javascript"></script> 
<script src="/www/include/js/aller.js" type="text/javascript"></script> 
<script src="/www/include/js/ebrima.js" type="text/javascript"></script> 
<script src="/jss/jquery/jquery.js" type="text/javascript"></script> 
<script src="/jss/jquery/jquery.form.js" type="text/javascript"></script> 
<script src="/jss/jquery/jquery.livequery.js" type="text/javascript"></script> 
<script src="/jss/jquery/jquery.selectboxes.js" type="text/javascript"></script> 
<script src="/jss/jquery/nyroModal/js/jquery.nyroModal.js" type="text/javascript"></script> 
<script src="/jss/jquery/ui-1.7/jquery-ui-1.7.min.js" type="text/javascript"></script> 
<script src="/jss/jquery/jClock/jquery.jclock.js" type="text/javascript"></script> 
<script src="/jss/jquery/jquery.cp.util.js" type="text/javascript"></script> 
<script src="/jss/jquery/jquery.bgiframe.js" type="text/javascript"></script> 
<script src="/jss/jquery/jquery.ajaxQueue.js" type="text/javascript"></script> 
<script src="/jss/jquery/jquery.thickbox.js" type="text/javascript"></script> 
<script src="/jss/jquery/jquery.autocomplete.js" type="text/javascript"></script> 
<script src="/jss/jquery/jquery.timers.js" type="text/javascript"></script> 
<script src="/jss/flash/swfobject.js" type="text/javascript"></script> 
<script src="/jss/jquery/jquery.juitter.js" type="text/javascript"></script> 
<script src="/master/www2/include/js/functions.js" type="text/javascript"></script> 
<script src="/www/include/js/functions.js" type="text/javascript"></script> 
<script src="/master/www2/include/js/load_ready.js" type="text/javascript"></script> 
<script src="/www/include/js/load_ready.js" type="text/javascript"></script> 
<script src="/www/include/js/jquery.simplyscroll-1.0.4.js" type="text/javascript"></script>

パフォーマンス上の理由から、これらを1つのスクリプトファイルにコンパイルする必要があります。ページのダウンロード時間が桁違いに短縮されていることがわかります（推測）。また、 GoogleがホストするCDNjQueryライブラリの使用に切り替えることもできます。

また、LiveQueryプラグインを使用してjQuery1.3を使用しているようです。jQuery 1.4は、プラグインを必要とせずにすべてを処理できるはずです。

サイドノート＃2：

同様のCufonメソッド呼び出しはすべて1つにまとめることができ、これによりパフォーマンスも向上します。

// Instead of this:
Cufon.replace('h1', { fontFamily: 'Ebrima' });
Cufon.replace('h2', { fontFamily: 'Ebrima' });
Cufon.replace('h3', { fontFamily: 'Ebrima' });
Cufon.replace('h4', { fontFamily: 'Ebrima' });
Cufon.replace('h5', { fontFamily: 'Ebrima' });
Cufon.replace('h5', { fontFamily: 'Ebrima' }); // I assume you meant h6 here

// Just do this:
Cufon.replace('h1, h2, h3, h4, h5, h6', { fontFamily: 'Ebrima' });