問題タブ [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.
javascript - tooltipster を使用して、div の innerHTML の一部としてツール ヒントを表示する
tooltipster を使用してツール ヒントを生成しています。シンプルな JavaScript 関数を使用してユーザー入力に基づいて div の内容を設定する必要がある場合を除いて、すべて正常に動作します。div コンテンツは画像で構成され、各画像にカーソルを合わせると、ツール ヒントが表示されます。ただし、ヒントは、title= を画像とともに表示するためのデフォルトのブラウザーの動作として表示されます。私が使用する JavaScript は単純です。
これを機能させる方法はありますか?ツール ヒントはこの Web ページの別の場所に表示されるため、必要なリソースは正しく設定されているように見えます。
ありがとうございました!
css - カスタム スタイルの矢印
カスタムスタイリングでツールチップスターを使用しています。しかし、矢印を大きくする必要があります (デフォルトの 7/8 ピクセルではなく 30 ピクセル)。しかし、カスタム css を作成すると、矢印は見栄えがよくなりますが、ツールチップの位置が間違っていて、ホットスポットと重なっています。(まだ元の「小さい」矢印に基づいています)。
.tooltipster-arrow-left/right スパンを次のようにオーバーライドして、矢印のスタイルを設定しました。
ツールチップスターに矢印のサイズを伝える方法はありますか?
または、オフセットを設定できますか?
.tooltipster-base にマージンを追加してみましたが、うまくいきません。左に配置されたツールチップまたは右に配置されたツールチップのいずれかでのみ機能し、両方では機能しません。
ご協力いただきありがとうございます。
tooltipster - Tooltipster (tooltipster.js) でテキストとして表示される要素
Tooltipster.js を使用して、派手なツールチップを適用しています。問題は、ツールチップにテキストを設定すると、そのままレンダリングされることです。これは望ましくありません。レンダリングされたhtmlとして表示したい。
例えば
これは私のコードです:
今、ツールチップは私にそれを示してい<p><strong>text</strong></p>
ます. テキストのように見せたい。
それ、どうやったら出来るの?
tooltipster - tooltipster.js: ツールチップが相互にオーバーレイされる
JSFiddle は次のとおりです。
https://jsfiddle.net/68umt5b3/
お気づきのとおり、ツールチップは変更されていますが、互いに重なっています。「 」を削除multiple: true
すると解決しますが、MAC が過負荷になり、ブラウザーがクラッシュして、次のように表示されます。
ツールチップスター: 1 つ以上のツールチップが既にこの要素に関連付けられています: 無視します。より多くのツールチップを添付するには、「複数」オプションを使用します。
一度に表示されるツールチップスターは 1 つだけ必要です。どうすればこれを修正できますか?
tooltipster - tooltipster.js: tooltipstered 時にタイトルが削除されます
ここに別の手がかりがあります:
https://jsfiddle.net/68umt5b3/
<span>
のタイトルは、最初のホバリング後に失われていることに注意してください。どうすれば保存できますか?
ありがとう!
jquery - 2 回目のホバーで 3 秒遅れてツールチップスターが表示される
tooltipster tooltip
2回目のホバーで少し遅れて表示したい
どういうわけか、tooltip
2回目のホバーで無効にすることができました。しかし、2回目のホバーでツールチップを表示したいのですが、少し遅れます。
これはコードです:
jquery - ツールチップスター 単一のツールチップに対する複数のトリガー イベント
jQuery プラグイン Tooltipster を使用しています。クリック イベントとホバー イベントの両方でツールチップを表示したい。これどうやってするの?