2013-05-22 29 views
8

要素の上を繰り返しスクロールすると、jQuery tooltipが飛び跳ねそうです。おそらくそれはそれ自身と衝突していたと思われたので、衝突オプションをnoneに設定しましたが、それは役に立たなかったのです。jQueryUIのツールチップが跳ね返る

これはバグですか?どうやって飛び回らないようにすることができますか?

+2

問題のあるコードと、おそらく[JSFiddle](http://www.jsfiddle.net)の例を共有できますか? –

+0

JSFiddleを使ったのは初めてです。http://jsfiddle.net/kteXP/1/ – happygilmore

+0

私のページでは、チップの位置はちょうど表示されていたチップのサイズに依存していました。リストに3つのアイテムがあれば、最初のものに、次に2番目のものは常に同じ位置にあり、3番目のものから2番目のものまでは別のポジションになります。リストから離れて項目2に戻ると、もう一度別の位置になります。オフセットは、以前に表示されたツールチップのサイズと同じです。私のバグのように聞こえる。 – Craig

答えて

20

.ui-tooltipクラスをposition: absoluteに設定しましたが、これはうまくいきましたが、望ましくない結果が生じるかどうかはわかりません。

+2

私は同じ解決策の問題が解決した後、同じ問題を抱えていました。tnx – RezaSh

+1

Mineはすでにposition:absoluteに設定されていましたが、これで解決できませんでした。他のアイデア? – Trevor

+0

"絶対的な"私のために働く。ありがとう! – dnns

6

happygilmoreの方法はもう機能していないようです(彼が言ったように、危険なアプローチです)。私は、次のオプションを設定することでTooltip Widget APIを使用することをお勧め:

position: { 
    collision: 'none' 
}, 
hide: false 

collision: noneオプションが衝突を解決するために派手な何かをしようとしているから、jQueryのUIを停止し、hide: falseはゆっくりとツールチップを削除するには、フェードアニメーションを使用してからそれを停止します。その遅延は最初に衝突を起こさせる。私の意見では、それはフェードアニメーションなしでうまく見えます。

+0

'collision:none'は、私にとってはツールチップがページの端から外れたことを意味していましたが、' hide:false'はジャンプを止めるように見えました。 –