問題タブ [tipsy]

pjax リンクで jquery.tipsy を使用すると、クリック後にマウスアウトしてもツールチップが非表示になりません。

これは、クリック後に mouseout イベントがこの要素から切り離されていることを意味する可能性があり、それが問題が存在する理由ですか?

これがpjaxとtipy()をロードする方法です

jquery-pjax: https://github.com/defunkt/jquery-pjax

jquery ほろ酔い: http://onehackoranother.com/projects/jquery/tipsy/

編集: live: truetipsy() に追加しても同じ結果になります。

Javascript：

TPL Smarty：

CSS：

すべてのdivリンクの上部中央にほろ酔いを配置する必要があります。その方法は？今のところ、ほろ酔いは常に左側に表示されます。どのように、どのようにimgに含める必要があるかの例：http：//oi43.tinypic.com/adka3t.jpg

注: この質問は 1 回解決済みとしてマークされましたが、最新の jQuery へのアップグレードで 1 つの問題のみが修正されたことがわかりました。残りの問題については、以下の更新された質問を参照してください。

こんにちは、みんな、

jQuery.Tipsy で奇妙な問題が発生しました。

これは単純化されたデモ フィドルです: http://jsfiddle.net/6nWtx/7/

ご覧のとおり、最後に追加されたa.tipsy2要素はほろ酔いになりません。要素は関数.tipsy2内でほろ酔いでjQuery.each()あり、この時点で問題があります。なくてeach()も動作します。残念ながら、.each()を呼び出す前に、要素を繰り返し処理して他の処理を行う必要がありますtipsy()。

なにか提案を？

Tipsyのソース コードは次のとおりです。

jQuery.each()IMHO問題は、とTipsyオプションの組み合わせを使用していますlive:true

アップデート：

電話をかける前にやりたいことは.tipsy()、オプションの構成をチェックすることです。

例えば：<a href="#" title="This is a tooltip" class="tipsyfy delayed">Help</a>"

この例では、次のオプションを Tipsy に追加します。要素に関連付けられたクラスdelayIn:1000がない場合、このパラメーターは になります。delayeddelayIn:0

同じロジックを使用して、次のクラスも指定したいと思いshow-top, show-left, show-right, show-bottomますgravity。

例：<a href="#" title="This is a tooltip" class="tipsyfy delayed show-left">Help</a>"

完全なコード:

そして、ここに私がやりたいことすべてを含む完全なjsFiddleデモがあります: http://jsfiddle.net/xmLBG/1/

ほろ酔いツールチップでツールバーを作っています。CSSを変更して色を変更し、矢印の画像を作成しました。ここに画像へのリンクがあります: http://www.novaprogramming.com/tipsy.png 色は: #454545 何らかの理由で表示されませんか?

Web ページでTipsyを使用しましたが、IE9 を除くすべてのブラウザーで正常に動作しています (以前の IE バージョンではチェックしていません)。 ツールチップはホバー時に表示されますが、何の効果もありません。ここで何が間違っていますか？それともバグですか？解決策はありますか？更新 サイドバーとフッターのソーシャル コンタクト アイコンの共有ボタンで使用しました。 更新 提供されたテスト ページでは、リンクにツールチップが使用されています。

私は自分のアプリケーションにtipsy.jsを使用しています.

JavaScript:

注：これは、他のデバイスのiPadをサポートしているため、通常の最大化されたウィンドウで機能します。ツールチップの幅がテキスト全体を表示するのに十分なスペースがない場合、ウィンドウの幅は小さくなり、点滅またはジャンプし始めます。ウィンドウのサイズを小さくして、ツールチップ要素がウィンドウの隅にあることを確認します。

テストテキストを失うことなく、またクローンを作成せずに、方向を「n」から「w」に変更するにはどうすればよいですか？

これがフィドルです：http：//jsfiddle.net/nQvmw/23/

3 つのノードの単純な力指向グラフにほろ酔いホバー オーバー ポップアップを追加しようとしています。

ただし、ほろ酔い JavaScript を追加すると、JavaScript がクラッシュするようです: http://goo.gl/BeYls

Chrome ウェブ デベロッパー コンソールに関する注意事項:

キャッチされていない TypeError: オブジェクト [オブジェクト SVGCircleElement]、[オブジェクト SVGCircleElement]、[オブジェクト SVGCircleElement] にはメソッド 'tipsy' がありません

ほろ酔いコードのないアプリケーションの残りの部分が動作することを確信しています (78 ～ 85 行を削除するとアプリが修正されるため)、javascript ファイルを含めました。

具体的には、DOM の各ノードにほろ酔いポップアップを追加するために私が書いたコードを次に示します。

なぜ壊れているのですか？node は DOM 要素ではありませんか?

ポップアップの幅を変更するために、このページのほろ酔いホバーオーバーに表示される div 要素を調べようとしています。 https://dl.dropbox.com/u/1531353/Misc/Docudocker/setups/tipsyCrashingApplication/force-html.html

しかし、Shift+ Ctrl+を押しCてマウスを Developer Elements パネルに移動すると、ほろ酔いホバーオーバーが消えてしまい、それ以上調べることができません。

Chrome Web Developer でホバー オーバー効果でのみ表示される要素を調べるにはどうすればよいですか?

ほろ酔いは、jquery を使用して facebook スタイルのツールチップにプラグインです。ツールチップ内に HTML を表示できるようにしたい。例：画像class='test'にマウスを合わせると画像があり、テキスト（html）のツールチップが表示され<div></div>ます。

元 ：

ライブ デモ : stackoverflow の回答のタグにマウスを合わせてください。タグの統計が表示されます。

ありがとう。