問題タブ [tooltipster]

Tooltipster プラグイン ( http://calebjacob.com/tooltipster/#demos ) を使用して、ホバー時にツールチップを表示しています。ただし、ツールチップは、ホバリングしている要素の上部/下部にのみ表示されます。

これは、要素にカーソルを合わせたときにツールチップを表示するためのコードであり、うまく機能します

しかし、私が望むのは、ホバーされている要素の中心にツールチップを表示することです。

Tooltipster のドキュメントでは、"position" オプションは "center" 配置をサポートしていません。

ToolTipster の位置に関するドキュメント:

要素の中心にツールチップを配置する方法を知っている人はいますか?

ツールチップにカーソルを合わせたときに、ツールチップからポイントを含むマップを作成しています。

ツールチップを外側のナビゲーション バーから機能させるのはどれほど簡単で、ナビ項目の上にカーソルを合わせると、マップ上の特定のツールチップが機能するのではないかと考えました。いろいろ試しましたが、これまでのところ何もうまくいきませんでした。左のナビゲーションに関連するすべての要素は同じ ID を持っているので、その ID からホバーをツールチップ自体の ID に一致させようとしました。マークアップは次のとおりです。

左ナビゲーションの HTML:

次に、ドットを表示し、ツールチップを持つマップを作成します。

==== 編集 ====

JS:

これら 2 つをリンクして、tooltipster プラグインと連携して動作させる方法はありますか?

ありがとう、

私は jQuery と Tooltipster (ユーザー名をホバーするとツールチップを表示する) を使用していますが、これらは1 つの状況を除いてうまく機能しています。

ここに私のjQueryコードがあります:

Tooltipster ( http://calebjacob.com/tooltipster/ )という jquery プラグインを使用しており、href を含むヒントに HTML を挿入しています。リンクをクリックすると、期待どおりにページが開きます。ただし、同じ href を使用しようとすると、クラス名を追加してから jquery 関数を起動しようとすると、起動しません。私はこれを理解しようとして何時間も髪を引っ張ってきました. どんな助けでも大歓迎です。以下は、例を説明するためにいくつかのコードを簡略化したものです。

問題を説明するためにフィドルをまとめました。 http://jsfiddle.net/bCqyL/

この投稿にある例に基づいて、Jquery Validation PluginとTooltipster Pluginを使用しています。

両方のプラグインは、入力タイプを検証する必要がありますが、送信ボタンをクリックしてラジオ ボタンのペアを検証しようとすると、ラジオ ボタンが選択されていないにもかかわらず、フォームが送信されます。

これは私が検証しようとしているフォームです

そして、これは検証を行うスクリプトです

Tooltipster プラグインを使用しないと、この検証は完全に機能するため、奇妙です。両方のプラグインのドキュメントを読みましたが、理由がわかりません

前もって感謝します

素敵な jquery プラグインと思われるTooltipsterを使用しています。

とにかく、ツールチップを動的にする必要がありますが、それほど難しいとは思いません。しかし、スクリプトを書いたのは、疲れているか、最も単純な JavaScript を知らないためかもしれません。おそらく両方の組み合わせです。

この特定のエラーを回避できないようです。TypeError: $(...).tooltipster は関数ではありません。

基本的な JavaScript コードは次のとおりです。

コードの例は、http://www.trailerbroker.com/go/listings/view/219にあります。

私はそれが私の側の不十分な間違いだと思います、ありがとう。

Tooltipsterプラグインを使用してユーザーが受け取るエラー メッセージをカスタマイズしようとしていますが、次の問題が発生します。

初期化されていない要素で Tooltipster の「コンテンツ」メソッドを呼び出しました

私のHTMLコード:

Javascript:

何が問題なのですか？

本文の要素をクリックしてツールチップを表示する Tooltipster プラグインを使用したいのですが、ツールチップ内に閉じるボタンを配置して閉じたいと思っています。

ただし、Jquery click() 関数を使用して処理しますが、起動しません。この投稿で解決策を試しました。ツールチップがホバーイベントによってトリガーされた場合にのみ機能しました。

ツールチップ内のリンクがクリックされたときに、Tooltipster プラグインが jquery 関数を起動しない

jsfiddle でホバーを使用した元のソリューション

クリックしてツールチップを表示する代わりに

http://jsfiddle.net/bCqyL/7/

jqueryブロックでクリックイベントを発生させません。通常の JavaScript 関数でのみキャプチャできます。Tooltipster プラグインの一部のコードがロックされている必要があることを確認し、クリック トリガー モードのときにヒント内のすべての「click()」イベントをキャプチャしました。

元のソリューションでコードを使用すると、ラジオボタンの onchange イベントが発生するなどの他のイベントを試しました