問題タブ [qtip2]

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 に答える
684 参照

jquery - Dynatreeおよびqtip2-最初のサブノードに(ホバー)イベントはありません

Dynatreeのノードにマウスを合わせると表示したいカスタムqtipがあります。

私が抱えている問題は、親の最初の子でサブノードのホバーイベントが発生していないように見えることです。

私はこのような子供を作成しています:

すべての親の最初の子を除いて、すべてのヒントは問題なく表示されます。これはバグか、私が見ていない奇妙な問題のいずれかです。$('#tree a')。hover()のハンドラーを追加すると、すべてのマウスイン/アウトでイベントが取得されます。qtipを表示するためにそれを使用しようとしましたが、それも機能しませんでした。

0 投票する
0 に答える
174 参照

google-chrome - SVG を横切って (および上に) div を移動すると、Chrome に垂直線が表示される

SVG要素にカーソルを合わせると、ツールチップとしてqTip2 divを使用しています。Chrome では、マウスを動かすたびに SVG の上 (qTip div の左側) に白い縦線が表示され、ツールチップがそれに続きます。ツールチップが消えるときにのみ消えます。

なぜこれが起こるのですか?これは修正可能ですか?

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

javascript - クリックイベントを「リセット」する方法(qtip2を使用)?

クリック イベントと qtip2 について少し質問があります。

element を最初にクリックした後、$j('a[href^="/i/"]')もう一度移動すると、バブルが表示されます。要素をクリックするたびにバブルが表示されるようにしたいと思います。

私のコード:

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

jquery - AJAX ツールチップを含む qTip2 が機能しない

qTip2 と AJAX の使用で突然問題が発生しました。サイトは数日前まで正常に機能していましたが、現在はツールチップが機能していません。

これが私が取り組んでいるドラフトページです: http://trenthergenrader.com/calypsis/experimental/frame2.html

ページは、サイズの異なる 2 つのフレームに分割されます。左側は、作品の人物、場所、物の wiki へのリンクがあるストーリーです。リンクをクリックすると、ツールチップが起動し、完全な wiki エントリへのリンクとともに、wiki アイテムの簡単な説明とサムネイルが表示されるはずです。ユーザーは、ツールチップを閉じて読み続けるか、リンクをクリックして物語フレーム ページを離れて wiki に移動することができます。ただし、現在起こっていることは、リンクがツールチップなしで wiki エントリに直接移動することです。

ツールチップを使用したページを含むフレームのページは次のとおりです: http://trenthergenrader.com/calypsis/experimental/Untitled-2.html

jqueryで何をしているのか本当にわからないので、私が見ていない骨の折れるコーディングエラーがある可能性はかなりあります。より多くの経験/知識を持っている人が私に手を差し伸べることはできますか?

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

jquery - QTip2 ajaxポップアップが機能しない

ajax 経由で qtip ポップアップを表示しようとしていますが、成功しません。次のコードを取得しましたが、問題が発生していることを検出できないようです。助けていただければ幸いです。

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

javascript - qtip テキストが html をレンダリングしないようにする

jQuery ベースのツールチップqTip2を使用してコード スニペットを提供し、ユーザーが自分のサイトを自分のサイトに埋め込むコードをコピーできるようにしたいと考えています。コードを提供したいだけですが、qTip2でhtmlをレンダリングしないようにする方法がわかりません。次のコードでは、Web サイトがツールチップに iframe として表示されます (これは非常にクールですが、私が望むものではありません!)。

と を使ってみまし<pre><!-- ,,, --><pre>機能せず (サイトは引き続き表示されます) <!-- -->、ツールチップが壊れます。私もピースを外してtext: '<iframe> ... 'みました。$('このコードのレンダリングを無効にするにはどうすればよいですか?

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

jquery - qtip2: フォーム内の無効なフィールドのツールチップを表示する

私はいくつかのプラグインを使用しています: jQuery Validate と qTp2。そのツールチップの問題は表示されず、エラーはなく、理由がわかりません。コードまたはデモ:

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

javascript - モーダル ウィンドウ (Twitter-Bootstrap を使用) に z-index を指定できますか?

Qtip2 を使用するフォームがあり、ユーザーが無効な値を含むフォームを送信すると、qTips が正しく起動します (これまでのところ良好です)。ただし、ユーザーがボタンをクリックしてモーダル ウィンドウを表示させたい場合、モーダル ウィンドウはフォームの上に表示されますが、qtip の下に表示されます。だから、モーダルウィンドウにもっと高いz-index値を与えるだけだと思っています。

qTip を使用したモーダルの例

他の誰かがこの動作に遭遇しましたか? また、それを解決するために何をしましたか?

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

jquery - qtip2はコンテンツを動的に変更します

コンテンツを動的に変更できません。.selector.qtip('api')。set('content.text'、new content)を試しましたが、何も行われず、.selector.qtip('option'、contentを試しました。テキスト'、新しいコンテンツ)

変えなければならない場所を選びました。

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

jquery - qtip2 - 表示中の無限ジャンプ効果

こんにちは、問題なく qtip2 を使用しています。古典的なジャンピング効果によるいくつかの通知にユーザーの焦点を当てたいと思います。

これは、トランジションによって qtip を表示する方法ではなく、表示中に qtip をジャンプする方法についてです。

API で位置エフェクト メソッドを見つけましたが、ジャンプ エフェクトの無限ループに使用する方法がわかりません。

誰か知っていますか?