問題タブ [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.
jquery - Tooltipster jquery プラグイン: 絶対配置画像上のツールチップの位置
jquery ツールチップスター プラグイン ( https://iamceege.github.io/tooltipster/ ) を使用していますが、配置に問題があります。画像を地図上に配置し、絶対に配置します。ツールチップを下部に表示したいのですが、うまくいきません。画像の上部に表示され続け、ツールチップの上部が画面外になります (こちらを参照- ツリーにカーソルを合わせるとツールチップが表示されます)。 .
これは私のコードです:誰かが私が間違っていることを教えてくれますか? または、ツールチップが下部に表示されないのはなぜですか?
javascript - 置き換えられた HTML DOM にイベント リスナーを追加する
tooltipster jquery プラグインを使用して、タイトルをより適切に表示しています。私のサイトには2つのクラスへのリンクがあります.fav tooltip
は.tooltip
、上記のアンカー タイトルを取得し、tooltipster プラグインに従って表示するために使用されます。
これは問題なく機能しますが、ユーザーがこのリンクをクリックすると、DOM 全体が新しい DOM に置き換えられます。
この時点で、.del
class を持つ新しいアンカーでイベントは発生していません。私の質問は、jquery で新しく作成されたこの dom にイベント リスナーを追加する方法です。
いくつかの調査を行った後、次のように修正します。
しかし、リンクにカーソルを合わせると、何の理由もなく DOM に同じイベントを何度も追加しているように見えるので、この新しく作成された DOM にイベント リスナーを 1 回だけ追加できますか?
angularjs - Jasmine で匿名ローカル関数をテストする方法
Angular コードのディレクティブのリンク関数内に次の構成があります (tooltipster ライブラリはhttp://iamceege.github.io/tooltipster/にあります)。
私が抱えている問題は、Jasmine でこのコードをテストするとfunctionBefore
、テストでカバーされていない関数として渡されたため、カバレッジ レポーターが文句を言うことです。
ツールチップが表示される前にこの関数が呼び出されているかどうか(技術的には私のコードではなくツールチップスターコードをテストしている)、および(これは私のコードに関するものです)また、関数内のステートメントが実行されるかどうかをジャスミンで単体テストするにはどうすればよいですか? 後者をテストするには、すでに匿名でローカルな関数のパラメーターについてスパイを捕まえる必要があります。
ツールチップを表示させる jasmine-jquery プラグインを使用して mouseenter イベントをシミュレートできることはわかっていますがfunctionBefore
、Jasmine 単体テストでどのようにカバーできますか?
javascript - [Tooltipster プラグイン]- div に既に tooltipster があるかどうかを知る
このプラグインhttp://iamceege.github.io/tooltipster/を使用しています。
HTML で既にツールチップスターが初期化されているかどうかを知ることは可能ですか?
ツールチップのテキストを変更する必要がある場合があるため、知りたいのですが、そのためには、ツールチップスターを破棄し、HTML オブジェクトの属性タイトルを変更して、再度初期化する必要があります。このような:
javascript - ツールチップスターが突然機能しなくなった
ツールチップを必要とするサイトを構築しているため、jQuery プラグインを試してみました。ツールチップは、ホバー時にデータを提供するために AJAX を使用します。アイテムのツールチップ セクションを追加するまで、すべて正常に機能していました。コードを追加して保存した後、ツールチップと一部の jQuery 要素が機能しなくなっていることに気付きました (xbbcode プラグインも機能しなくなりましたが、ブートストラップ、カラー ピッカー、および増幅は引き続き正常に機能していました)。
戻ってコードを削除して、そこで何か間違ったことをしたかどうかを確認しましたが、エラーは引き続き発生します! 追加のツールチップ以外は何も変更していないので、突然機能しなくなった理由がわかりません。追加しようとしていたアイテムのツールチップを含む、使用したコードを次に示します (一番下の ターゲティング.item
)。
ここには目に見えるエラーは見られません。すべてのプラグイン スクリプトを 1 つのファイルにまとめ、読み込み時間を最小限に抑えるために縮小しましたが、xbbcode と tooltipster が突然機能しない理由を突き止めようとして、別のバージョンを再ダウンロードしました。 . 通常、この場合、tooltipster と xbbcode の間の何らかの互換性エラーが疑われますが、アイテムのツールチップが追加される前は問題なく機能していました。ツールチップが再び機能し始めるかどうかを確認するために xbbcode を一時的に削除したところ、結果は次のようになりました。同じ。
jquery - 2 つの Tooltipster ホバーのうち 1 つだけが IE9 に表示される
Boostrap サイトで Tooltipster プラグインを使用しています。ページ上の隣り合った 2 つの異なる場所にツールチップがあります。ローカルおよび emailonacid.com を通じてテストすると、両方のツールチップが期待どおりに表示されます。ただし、IE9/IE8 では、右側の 1 つだけが表示されます。左のは消えてしまったようです。
公式の Tooltipster FAQ とフォーラムを調べたところ、以前のバージョンでは IE9 に問題があるように見えましたが、どうやら問題はなくなったようです。私は困惑しています。ここにjsfiddleがあります(情報が不十分な場合は申し訳ありません。これまで使用したことがありません):
https://jsfiddle.net/st7zx58r/
ご協力いただきありがとうございます。
jquery - Use Mithril and Tooltipster
I'd like to include interactive content in a tooltip [that's created using Tooltipster]. A simple example:
http://jsfiddle.net/qrbsug8r/2/
The goal is to have the "Tooltip click me" link in the Tooltip content trigger a typical Mithril draw cycle.
My questions are how do I render the tooltip content using standard Mithril, and how do I hookup the onclick event? For example, if I were not using Tooltipster I might do: