問題タブ [tooltipster]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
430 参照

javascript - tooltipster を使用して、div の innerHTML の一部としてツール ヒントを表示する

tooltipster を使用してツール ヒントを生成しています。シンプルな JavaScript 関数を使用してユーザー入力に基づいて div の内容を設定する必要がある場合を除いて、すべて正常に動作します。div コンテンツは画像で構成され、各画像にカーソルを合わせると、ツール ヒントが表示されます。ただし、ヒントは、title= を画像とともに表示するためのデフォルトのブラウザーの動作として表示されます。私が使用する JavaScript は単純です。

これを機能させる方法はありますか?ツール ヒントはこの Web ページの別の場所に表示されるため、必要なリソースは正しく設定されているように見えます。

ありがとうございました!

0 投票する
2 に答える
2801 参照

css - カスタム スタイルの矢印

カスタムスタイリングでツールチップスターを使用しています。しかし、矢印を大きくする必要があります (デフォルトの 7/8 ピクセルではなく 30 ピクセル)。しかし、カスタム css を作成すると、矢印は見栄えがよくなりますが、ツールチップの位置が間違っていて、ホットスポットと重なっています。(まだ元の「小さい」矢印に基づいています)。

スニペット

.tooltipster-arrow-left/right スパンを次のようにオーバーライドして、矢印のスタイルを設定しました。

ツールチップスターに矢印のサイズを伝える方法はありますか?
または、オフセットを設定できますか?

.tooltipster-base にマージンを追加してみましたが、うまくいきません。左に配置されたツールチップまたは右に配置されたツールチップのいずれかでのみ機能し、両方では機能しません。

ご協力いただきありがとうございます。

0 投票する
1 に答える
52 参照

tooltipster - Tooltipster (tooltipster.js) でテキストとして表示される要素

Tooltipster.js を使用して、派手なツールチップを適用しています。問題は、ツールチップにテキストを設定すると、そのままレンダリングされることです。これは望ましくありません。レンダリングされたhtmlとして表示したい。

例えば

これは私のコードです:

今、ツールチップは私にそれを示してい<p><strong>text</strong></p>ます. テキストのように見せたい。

それ、どうやったら出来るの?

0 投票する
1 に答える
505 参照

tooltipster - tooltipster.js: ツールチップが相互にオーバーレイされる

JSFiddle は次のとおりです。

https://jsfiddle.net/68umt5b3/

お気づきのとおり、ツールチップは変更されていますが、互いに重なっています。「 」を削除multiple: trueすると解決しますが、MAC が過負荷になり、ブラウザーがクラッシュして、次のように表示されます。

ツールチップスター: 1 つ以上のツールチップが既にこの要素に関連付けられています: 無視します。より多くのツールチップを添付するには、「複数」オプションを使用します。

一度に表示されるツールチップスターは 1 つだけ必要です。どうすればこれを修正できますか?

ここに画像の説明を入力

0 投票する
1 に答える
201 参照

tooltipster - tooltipster.js: tooltipstered 時にタイトルが削除されます

ここに別の手がかりがあります:

https://jsfiddle.net/68umt5b3/

<span>のタイトルは、最初のホバリング後に失われていることに注意してください。どうすれば保存できますか?

ありがとう!

0 投票する
1 に答える
1253 参照

jquery - 2 回目のホバーで 3 秒遅れてツールチップスターが表示される

tooltipster tooltip2回目のホバーで少し遅れて表示したい

どういうわけか、tooltip2回目のホバーで無効にすることができました。しかし、2回目のホバーでツールチップを表示したいのですが、少し遅れます。

フィドルのデモを見つける

これはコードです:

0 投票する
1 に答える
481 参照

jquery - ツールチップスター 単一のツールチップに対する複数のトリガー イベント

jQuery プラグイン Tooltipster を使用しています。クリック イベントとホバー イベントの両方でツールチップを表示したい。これどうやってするの?