jquery ツールチップを使用しようとしていますが、ホバリング div が負の座標 (-27000、-27000) に配置されています。
ツールチップが必要な要素は次のとおりです。
<span style="float:right;font-weight:bold" title="I am tooltip">U</span>
次の呼び出しでツールチップを初期化します。
$(function(){
$('[title]').tooltip();
});
jQuery のツールチップは適切に初期化されています。これは、マウスオーバーで新しい div を取得するためですが、巨大な負の座標に配置されているためです。
<div id="ui-tooltip-4" class="ui-tooltip ui-widget ui-corner-all ui-widget-content"
role="tooltip" style="top: -27712.3px; left: -27517.2px; display: block;">
<div class="ui-tooltip-content">I am tooltip</div>
</div>
悪い配置の原因は何ですか？これらは、タイトルのあるスパンに適用されるスタイルです:
float: right;
font-weight: bold;
-moz-box-sizing: border-box;
-moz-box-sizing: border-box;
border-collapse: collapse;
font-size: 0.85em;
line-height: 1.3;
list-style: none outside none;
color: #222222;
使用したライブラリ:
jquery-1.8.3.min.js
jquery-ui-1.10.10.min.js(and jquery-ui-1.10.10.css)
ツールチップの配置が悪い原因についてのアイデアをありがとう