問題タブ [jquery-ui-tooltip]

jQueryUI ツールチップで ajax 呼び出しを使用すると、複数のインスタンスを選択するとツールチップが閉じないという問題が発生しました。

ここで実証しましたhttp://jsfiddle.net/MHptk/11/

リンクの上でマウスをすばやく移動すると、ツールチップが閉じないことがわかります。私の実際の例では、それ自体が ajax 要求を行う複数のリンクを含む jquery ajax 呼び出しでテーブルを作成しています。open: を使用してコンテンツを設定しようとしましたが、同じ問題が発生しました。

回避策として、テーブルを作成するときにタイトル属性を直接入力するだけでよいと思いますが、データの揮発性が非常に高いため、これは適切ではありません。

JQuery UI のツールチップ機能を使用する JQuery DataTable にリンクがあります。各リンクには、Ajax 呼び出しによって入力されるツールヒントがあります。Ajax 呼び出しの数をできるだけ少なくしたいと考えています。DataTable はサーバー側の処理を使用し、結果はページ分割されるため、一度にページに 10 個を超えるリンクが存在することはありません。

Ajax 呼び出しによって返されるデータは変更されないため、安全にキャッシュできます。私のテストでは、ブラウザーが各 Ajax 呼び出しの結果をキャッシュし、リンクごとに 1 つの呼び出しのみを行い、その後キャッシュを使用することを確認しました。私の懸念は、なんらかの理由でキャッシュを使用しないようにブラウザーを構成しているユーザーがいて、リンクにマウスを合わせるたびに、次々と Ajax 呼び出しを開始する可能性があることです。

ツールチップの JavaScript は次のとおりです。

各 Ajax 呼び出しの結果をグローバル スコープで宣言された JavaScript オブジェクトに格納し、それを確認してから Ajax 呼び出しを行うことを検討しましたが、これが何らかの理由でメモリ リークを引き起こす可能性があるという漠然とした感覚があります。

また、テーブルに多数の行がある場合、gJobs オブジェクトが大量のメモリを使用する可能性があることも懸念されます。gJobs オブジェクトが無限に大きくなるのを防ぐために、ユーザーが DataTable の結果の次または前のページに移動するたびに、fnDrawCallback 関数を使用して gJobs を再初期化します。

各 Ajax 呼び出しによって返されるデータは変更されないため、Ajax を使用する代わりに、JSP にデータを静的テキストとして保存し、その方法でツールヒントを設定することもできます。ただし、各リンクのデータを取得するために個別の Web サービス呼び出しを行う必要があり、ユーザーがページを前後に移動するたびに 10 回の Web サービス呼び出しを行うよりも、Ajax を介してオンデマンドでデータをロードしたいと考えています。

このアプローチに問題はありますか？これによりメモリリークが発生する可能性はありますか? 再初期化する前に、gJobs のすべてのプロパティを明示的に削除する必要がありますか? ご協力いただきありがとうございます。

ホバーするとアイテムの価格が表示される要素があります（ゲーム内）。jQuery UI ツールチップを使用して、各項目に関する情報を表示しています。アイテムがクリックされると、jQuery はクリックをキャプチャし、$.get() リクエストを使用して購入を処理し、JSON および jQuery の parseJSON 機能を介してアイテムに関連する特定の情報を返すことができます。

ただし、各アイテムの価格は購入ごとに異なります。一種のインフレです。jQuery UIツールチップのコンテンツにアクセスしてコンテンツを変更し、表示されている間、または表示されていないときでも、新しい価格を反映するようにコンテンツの値を変更する方法がわかりません。

そのコンテンツをリアルタイムで変更するにはどうすればよいですか?

このフィドルが表示された場合、Tooltip を生成するfooには、Tooltip が初期化された後に、マウスが div を離れて再入力する必要があることに気付くでしょう。

を使用してツールチップを手動でトリガーできるのではないかと思いましたtooltip("open")。残念ながら、私がそうするとマウスの追跡は機能しません。このフィドルを参照してください。

divを離れて再入力することなく、マウストラッキングを有効にしてツールチップを開く方法を知っている人はいますか? なぜこれを行う必要があるのか​​ 疑問に思われている場合はcanvas、画面全体を占める要素で WebGL を使用しています。

HTML:

JS:

結果: 何もありません。ツールチップもエラーもありません。ここで何が問題なのですか？

デモ: http://jsfiddle.net/w97FA/

これらは私が使用したリソース/プラグインです:

• http://jqueryui.com/tooltip/
• http://api.jqueryui.com/tooltip/#option-content

データベースからのデータを表示するページがあります。jquery、php、および mysqli を使用してデータを表示しています。各レコードの特定のリンクにマウスを合わせると、その中に Google マップを含むツールチップが表示され、データベース内のそのレコードの緯度と経度に基づいてそのレコードの場所が表示されます。jquery ui ツールチップを使用しています。

ただし、Google マップをツールチップにするにはどうすればよいでしょうか。

プロセス.php:

html:

基本的に、openツールチップをトリガーした要素に対していくつかのチェックを実行するハンドラーを jQuery UI ツールチップにアタッチしています。私がこれまでに持っているもの：

上記のチェックは、流動的なレイアウトの一部である要素が水平にオーバーフローしていない限り、ツールチップが表示されないようにします。このjsBinでわかるように、Chrome でうまく動作します。

ただし、Firefoxevent.toElementではundefined. SO の周りのスレッドを読んevent.relatedTargetで、それが適切な代替物になると思いましたが、そうではありません。は現在ホバーされてevent.toElementいるアイテムを参照しますが、 はポインティング デバイスが終了した要素を参照します。これは、 W3C 仕様による正しい動作です(Chrome の に似ています)。event.relatedTargetmouseoverevent.fromTarget

event.targetと参照も試しましevent.currentTargetたが、これらはツールチップ イベント ハンドラーがバインドされているノードであるため、これらを指しています。Tooltip APIページを調べても役に立ちませんでした。thisdocument

非常に基本的なことを見落としているのか、それともそれほどオーソドックスではない方法を試す必要があるのか​​ どうかはわかりません。

openFirefox で動作するツールチップのハンドラー内からトリガーされた要素への参照を取得する方法はありますか? または、この目的の動作をより簡単/同様の方法で実現できる魔法のjQuery UIツールチップオプション/メソッドはありますか?

私はさらに別の周期表の提示に取り組んでおり、jQuery UI ツールチップで問題が発生しています。ページは、JavaScript エラーなしで次の場所で終了します。

以前は、JavaScript エラーは表示されませんでしたが、http://jqueryui.com/tooltip/の jQuery UI デモ(td と td の両方) のツールチップとは異なり、既定のスタイル (黒地にクロム イエロー、小さなフォント サイズ) のツールチップが表示されていました。 >スパン）。これで、画面の内容が 1 秒ほど表示された後、表示が消えます。

http://JonathansCorner.com/periodic/content.htmlの何が問題なのですか? また、ページを正常に表示し、jQuery UI のデフォルトのツールチップ バージョンのツールチップを表示するように修正するにはどうすればよいですか? 左上隅にタイトルがあります。