問題タブ [tooltipster]

jquery tooltispster ( http://calebjacob.com/tooltipster ) プラグインを使用して、ホバー時にいくつかのメニューを表示しています。私が必要とするのは、ツールチップを表示したいホバーであり、ツールチップの領域の外側をクリックするとツールチップが非表示になるはずです。それは可能ですか..？

このTooltipsterスクリプトを自分の Wordpress サイトに追加しようとしていますが、jQuery の読み込みに問題があります。

サイトからの指示によると、このコードを head タグに追加する必要があります (ファイルへのリンクは、私のサイト用に既に変更されています)。

次に、任意の要素に .tooltip クラスを追加すると、ホバーなどで素敵なツールチップが表示されます。

別のページで実行しようとすると、これは完全に機能します。たとえば、ここに私のテストページがあります。

しかし、Wordpress の header.php ヘッド タグに同じコードを追加して、メイン ページにツールヒントを表示しようとすると、サイトが機能しなくなります。

これは、Wordpress に既に jQuery ロード ラインがあり、新しいバージョンの jQuery (Tooltipster がサポートする必要がある) を使用しているためです。

Tooltip jQuery ロード行を削除して、デフォルトで Wordpress にあるものだけを残そうとしましたが、ツールチップが機能しません。

私が間違っていることと、ここで可能な解決策は何ですか?

たくさんのありがとう！

アレックス

現在ホバーされている状態に基づいてオフセットを変更し、2 つの属性 (「data-doff」と「data-yoff」) をツールチップスター プラグインに渡して、状態の上にホバーすると、州の中央にあるツールチップに名前がポップアップしますが、機能していません。「alert()」を使用して、見つかったものを通知し、属性を読み取れるようにしました。属性を使用していないだけですが、何が間違っているのかわかりません。何か案は？

私のjQueryスクリプト：

関連する HTML

Web サイトで Tooltipster ツールチップを使用しています。

知りたいのですが、マウスボタンのクリックで表示されているツールチップスターのツールチップを無効にする方法はありますか?

同様に、フォームがあり、送信ボタンに Tooltipster ツールチップがあり、ユーザーが送信ボタンの上にマウスを置いたときに表示されるとします。ここで、ユーザーがそのフォームの [送信] ボタンをクリックしたときに、ツールチップをすぐに無効にする (つまり、消える) ようにします。これは何とかできますか？

次のように、ツールチップスターのタイトル属性に一連のオプションがあります。

div1 がクリックされると、コンテンツは次の関数に基づく ajax 結果によって動的に更新されます。

問題は、ツールチップが閉じられ、ページが更新されていない場合、コンテンツが更新された値を表示するのではなく、初期値に戻ることです。

ここで説明されているように、構成オプションを使用しようとしました:

ただし、これは div1 のコンテンツを変更しますが、他の div のコンテンツを削除します。div1 のコンテンツのみを更新し、他は変更しないようにするにはどうすればよいですか?

==編集==

次のように、div のすべてのセットを渡さないソリューションを好みます。

tooltipster と呼ばれるプラグインを使用しています。これを有効にするには、次のようにします。

ページの他の場所をクリックして閉じたいので、試しています：

しかし、これはすべて、ツールチップを実際に起動するために2回クリックする必要があり、クリックしても非表示になりません。

これを行うより良い方法はありますか？