1

jQuery UI ツールチップを追加したいのですが、ラベルの上に配置されています。それらの位置は、ページをスクロールした場所によって異なります。ラベルがページの下部に近い場合、ツールチップはその近くにあります。ブラウザ ウィンドウのラベルが上にあるほど、ツール ヒントがラベルに関連しています。ツールチップは、下からホバーしたときにのみラベルの横に表示されます。position: during initialization を試しましたが、うまくいきません...

.js

 $("label.info").tooltip();

.tpl ファイル

<label class="info" title="Tooltip text"><img src="/img.png" id="someid" style="float:right; cursor: pointer" title="Something" alt="img"/></label>

更新：

助けてくれてありがとう、それは jQuery 1.7.1 バージョン + ツールチップなしの UI 1.8.1 バージョン + jquery.ui.tooltips 障害であることが判明しました。統合された新しいバージョンを取得しましたが、すべて問題ありません。

4

1 に答える 1

0

わかった。ここにいくつかのドキュメントがあります: http://api.jqueryui.com/tooltip/#option-position

実際にいくつかのコードを投稿する必要があります。

ここでツールチップに似た非常に基本的な関数を作成しました: http://jsfiddle.net/wKEx8/

jquerys offset() 関数を使用して、マウスに関連してツールチップを配置します。画像に位置を追加しようとしていると思いますが、これは正しくありません。

ありがたいことに、jQuery UI の親切な人たちが関数を使いやすくしてくれました。次に例を示します。

 // getter
 var position = $( ".selector" ).tooltip( "option", "position" );


 // setter
 $( ".selector" ).tooltip( "option", "position", { my: "left+15 center", at: "right center" } );
于 2013-08-08T10:07:29.697 に答える