2010-12-30 3 views
1

は私のHTMLです:私のHTML要素に中国語のタイトルがあります。 jQueryはブラウザでツールチップを正しくレンダリングできますか?ここ

<!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> 
    <title>Untitled Page</title> 
</head> 
<body> 
<a href="www.cnn.com" title="甲骨文">A link with a Chinese title</a> 
</body> 
</html> 
  • あなたはFirefoxでリンクの上にカーソルを移動した場合、中国語の文字が正しくツールチップで表示されます。
  • ただし、IE8、Google Chrome、またはSafariのリンクにカーソルを合わせると、3つのブロックが表示されます。

私の質問:

jQueryの私は、デフォルトのブラウザ「タイトル」ツールチップの動作を無効に役立ち、正しく中国語の文字を表示することができますか?

+3

デモ:http://jsfiddle.net/7j5cE/(誰かがライブの動作を見たい場合) –

+0

jQueryのツールチッププラグインを使用できます。 –

+0

@ŠimeVidas:どのプラグインですか?私はこれで一番良いとは思わない(http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/)。 –

答えて

1

jQueryプラグインなどのJavaScriptツールチップスクリプトが多数用意されています。それらは通常、画像や他のハイパーテキストコンテンツを含めることを意図していますが、IEのツールチップのOS UIフォントの代わりにブラウザフォントを使用することの副作用があります。

しかし、私はJavaScriptのヒントだけに頼っていません。中国語のユーザーのデスクトップには、確かに中国語のOSフォントがインストールされているので、ツールチップがうまく機能します。そうでなければ、ブラウザのドキュメントコンテンツに中国語フォントが使用されることはほとんどありません。特にIEよりも、Firefoxよりもブラウザのフォントフォールバックメカニズムが劣っています。あなたのマシンのページ内の中国語コンテンツをレンダリングすることもできますか?

+1

ありがとう@bobince、あなたは正しいです。この問題をWindows XPマシンで修正するには、デスクトップを右クリックし、[プロパティ]> [外観タブ]> [詳細]> [アイテム]を選択し、フォントを「Arial Unicode MS」(またはその他のUnicode-サポートフォント)。すべてが今働くはずです。 –

+2

実際の中国語/任意の言語のフォントを持っていない場合、Arial Unicodeは最後の道を譲っても問題ありませんが、グリフがたくさんありますが、それは標準以下になる傾向がある他の言語に敏感な機能選択。このため、通常はフォールバックとしては使用されません。中国語のツールチップが必要な場合は、標準の東アジアフォントをインストールすることをお勧めします(地域と言語オプションのコントロールパネルから)。 – bobince

+1

@JimGあなたはオプションの回答としてurのコメントを追加できると思います! –

0

この問題をWindows XPマシンで修正するには、デスクトップを右クリックし、[プロパティ]> [外観タブ]> [詳細]> [ツールチップ]>フォントを「Arial Unicode MS」(またはその他のUnicode対応フォント)に変更します。

すべては今すぐ動作するはずです。

関連する問題