問題タブ [tiptip]

私はjQuery/Javascriptの使用に特に慣れていないので、私が求めていることを行うための最良の方法はわかりません.それは機能しますが、それがどれほど効率的かはわかりません.

基本的に、ツールチップを作成するためのTipTipというプラグインがあります。ヒントを表示したいものの「タイトル」属性から情報を取得するか、スクリプトのオプションを使用して次のように HTML を含めることができます。

ページにさまざまなツールチップを生成したいのですが、それらはすべて同様のスタイルに適合し、実際には変更可能な変数のみが必要です (これらはアチーブメント プログレス バーであるため、% プログレスに 1 つの値を渡すだけで済みます)。

では、単純に多数のスクリプト タグを使用して上記のコードを複製しても問題ありませんか、それとも何らかの方法で変数を渡して、ツールチップ コードの 1 つだけを上部に保持することはできますか?

それとも、これは TipTip の開発者に適した質問ですか? 前もって感謝します。

Jquery TipTip プラグインを使用しています。使いやすい方法でより良いプラグインを知っている場合は、教えてください。さて、私はそれを機能させることができます。ツールチップが非常によく表示されます。しかし、スティッキーなツールチップを作りたいです。つまり、マウスをオブジェクトの上に置くとツールチップが表示され、人がツールチップ内に置いたリンクをクリックするまで、ツールチップが閉じられるということです。彼らのドキュメントはゼロなので、解決できませんでした。

ヒントメインページ: http://code.drewwilson.com/entry/tiptip-jquery-plugin

ここで、彼らがどのように出て入るかを言います

入力: コールバック関数 - TipTip が適用された要素にマウスオーバーするたびに実行されるカスタム関数。

exit: コールバック関数 - TipTip が適用された要素をマウスアウトするたびに実行されるカスタム関数。

body 内のヒントソースコードから関数を呼び出すにはどうすればよいですか。

Jquery ヒント プラグインを使用しています。href リンクをクリックして deactive_tiptip 関数を呼び出したい。どうやってやるの ？

ツールチップ div 内でその関数を呼び出します。

これはtiptipプラグインのコードです

これが私の定義です

これは、html要素のタイトル内でそれを呼び出す方法です

これは、コンテンツに TipTip プラグインを追加する方法です

しかし、関数未定義エラーが発生します。プラグインは完全に機能しています。

これはプラグインのソースコードです

私はこのような関数を呼び出していますが、それらは機能しています

いくつかの単純なツールチップ（TipTip）効果を実装しようとしていますが、奇妙な理由でそれを機能させることができません。

http://basenharald.nl/3d/ pssstをクリックすると、いくつかのソーシャルアイコンが表示されます。Facebookアイコンにツールチップを作成しようとしています。その周りにhrefをラップしました（テスト用に赤い境界線を付けました）。これで、hrefにカーソルを合わせると、ツールチップがhref要素の下部にのみ表示されます。

なぜそうなるのかわかりません。境界線は、hrefがアイコンの周りに完全にラップされていることを明確に示しているためです。

いくつかの助けをいただければ幸いです。これまでのところ、height、z-index、display：block（レイアウトをバラバラにする）、floatを設定しようとしました。何も機能していないようです。

さらに。ツールチップを下部に表示したい。右にスクロールしない限り、これは問題なく機能します。右にスクロールすると、左側に表示され、レイアウトが壊れます。

前もって感謝します！

wordpress + ajax カレンダーの将来の投稿プラグイン ( http://wordpress.org/extend/plugins/wordpress-plugin-ajax-calendar-with-future-posts/ ) + ヒント プラグインhttp://code.drewwilson を使用しています。 com/entry/tiptip-jquery-plugin . ヒントは2番目のホバーでのみ機能しますが、私はそれらを一緒に機能させることができました-つまり、ajaxリクエストのヒントが表示されなかった後、最初に要素をホバーするときです。カレンダーをホームページのウィジェットとして使用しています。

これが私がチップチップをアクティブにする方法です。

使用すると、初期ロードで正常に動作します

、しかし、ajaxリクエスト後に消えます。

問題は、「最初のホバー」、mouseenter、mouseoverなどで、ヒントを表示する方法を表示する方法です。これらのイベントをすべて試しました。AKA: コードの最初の部分を正しく動作させるにはどうすればよいですか。

答えを見つけようとして、今の段階にたどり着きました。これをパスするのは私の「今のスキル」を超えています。

jQueryのTipTip（http://code.drewwilson.com/entry/tiptip-jquery-plugin）を使用した開発。

私が必要としているのは、あるイベント（ページが読み込まれた場合、またはページがリンクをクリックされた場合）に、すべてのツールチップを1つのページに表示することです。

このライブラリでそれを達成することは可能ですか？

私は、tipTip (http://code.drewwilson.com/entry/tiptip-jquery-plugin) という jquery プラグインを使用しています。私はこれを e コマース サイトに使用しています。ユーザーが製品画像にカーソルを合わせると、製品に関する追加の詳細を含む情報ボックスが表示されます。

TipTip のデフォルトの動作では、ユーザーがマウスをリンクから離すとホバー ボックスが消えます。keepAlive: true を設定して、ユーザーがホバー ボックスの上にマウスを移動してボックスを非表示にすることを要求することもできます。どちらのシナリオも私には適していません。ホバーボックスにリンクがあるため、ユーザーはボックスが消えることなくボックスに入ることができる必要があります。しかし、ユーザーがボックスを非表示にするためにボックスに入る必要があることも望んでいません。リンクとボックスの両方を移動すると、リンクが消えるはずです。

これを回避するために、jquery delay() をtipTip javascriptに入れようとしました。また、setTimeout を使用してみました。しかし、私ができることは、ユーザーが別のリンクに移動するまでホバーボックスが残ることだけです。一方、 delay() は、ユーザーが別のリンクに移動したかどうかに関係なく、指定したミリ秒数が経過すると消えることを意味すると思います。

ここで完全な tipTip js コードを確認できます: http://code.google.com/p/geoapps/source/browse/trunk/capstones/talha_khopekar_2012/jquery.tipTip.js?spec=svn108&r=108

最後の数行を修正して、遅延を達成しようとしています。次のように遅延を追加してみました。

しかし、私が言ったように、これの効果は、ユーザーが別のリンクに移動し、新しいホバー ボックスをアクティブにするまで、ホバー ボックスが所定の位置に留まることです。これがなぜなのか、私には本当にわかりません。私の理解では、遅延関数は単純にフェードアウトを 1 秒遅らせる必要があり、その後フェードアウトは通常どおり続行する必要があります。

こんにちはみんな私はツールチップを挿入しようとしていますが、私は何が間違っているのかわかりません。

必要なファイルをすべて含めています

このスクリプトをページでも使用します

これが私がそれをhtmlに実装する方法です

私は何が間違っているのですか？

これが私が思うjsfiddleです

http://jsfiddle.net/jFqFG/