jquery - JQueryUI によるツールチップの初期化

Question

HTML:

<input type='text' id='uname' />

JS:

$( "#uname" ).tooltip({ content: "gggg" });

結果: 何もありません。ツールチップもエラーもありません。ここで何が問題なのですか？

デモ: http://jsfiddle.net/w97FA/

これらは私が使用したリソース/プラグインです:

• http://jqueryui.com/tooltip/
• http://api.jqueryui.com/tooltip/#option-content

Answer 1

ツールチップのAPI ドキュメントに記載されているように、「コンテンツ」オプションを使用する場合は、アイテム オプションも使用する必要があるため、次のコードが機能します。

$('#uname').tooltip({ content: "Awesome title!", "items":"input" })

ただし、表示されるコンテンツや洗練された選択に特定のロジックが必要ない場合は、title 属性を使用する方が簡単な場合があります。

Answer 2

  <script src="js/tooltips.js"></script>
   <script>
       $(function () {
           $("#page-wrap a[title]").tooltips();
       });
   </script>     

ASP.NET WEB APPLICATION で JQUERY TOOLTIP を CSS とともに使用します。ここでは、css を使用してツールチップのスタイルを定義することもできます。完全な例については [ここを確認][1]