1

jquerytools tooltipを使用しています。

ツールチップは、トリガー (ツールチップを表示する要素) に相対的な位置に表示されます。

position次のようにandoffsetオプションを使用して制御できることを知っています。

$('#trigger').tooltip({effect: 'slide', offset: [63, -172]});

、しかしそれはまだトリガーに関連しています。

とにかく、問題は、ツールチップがどのように特別divなようになるべきかということ<div id="target"></div>です?

私も試してみ$('#trigger').tooltip(effect: 'slide', target: '#target')ましたが、違いはありません。

なんらかの形でスライドショーと呼ぶこともできますが、違いは、スライドのサムネイルがホバーされていない場合は何も表示されず、デフォルトの背景画像が表示されることです。ということで、この方法を使うことにしました。(そのため、しばらくしてから各スライドを表示する動作もすべきではありません)。


アップデート:

問題があるため、以下の解決策を使用しましたが、これは本当に醜いですが、うまくいきます!

$("#slide1").tooltip({ effect: 'slide', offset: [-10, -213]});
$("#slide2").tooltip({ effect: 'slide', offset: [-10, -108]});
$("#slide3").tooltip({ effect: 'slide', offset: [-10, -3]});
$("#slide4").tooltip({ effect: 'slide', offset: [-10, 102]});
$("#slide5").tooltip({ effect: 'slide', offset: [-10, 207]});

実際、この方法を使用すると、すべてのツールチップが特別な div の上に表示され、同じ x、y になります。(高さも同じです)


より明確な解決策をまだ探しています。

4

1 に答える 1

0

これを試して:

var target_top = $('#target').position().top;
var anchor_top = $('#trigger').position().top;
var final_position = anchor_top - target_top;
$('#trigger').tooltip({effect: 'slide', offset: [63, final_position]});

top/y 座標でこれを試してください。私はこれをテストしませんでした。より正確な回答が必要な場合は、HTML またはリンクを投稿できます。

于 2013-08-05T22:27:13.767 に答える