問題タブ [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.
jquery - 画像コンテンツを含むツールチップを表示する
qTip2 を使用しており、ツールチップのコンテンツとして画像を表示したいと考えています。content プロパティで設定できると思いますが、うまくいきませんでした。
リンクにツールチップを表示しています:
コンテンツをこのような画像に設定するにはどうすればよいですか?
jquery - qTip2でjavascriptでスタイルを定義しますか?
qTip1 では、実行時にすべてのツールチップを簡単にスタイルできますが、qTip2 以降では、CSS クラスを渡してツールチップに適用することしかできません。
これですっきりしましたが、実行時にツールチップのスタイル (または少なくとも色) を変更する方法はありますか?
クラスを定義するレンダリングされたビューにブロックを追加して<style>
から、そのクラスを使用するとうまくいくと思いますが、純粋なJavaScriptの方法を好むでしょう。
どう思いますか ?
php - Qtip2、ツールチップモーダルの小さなヒントを非表示にしますか?
私はqtipサイトのいたるところを見てきましたが、これに対する答えを見つけることができませんでした. ModalプラグインでQtip2を使用しています。ツールチップから小さな小さな「ヒント」を隠す方法を知っている人はいますか?
これが私のコードです:
可能であれば、Position 設定に注目してください。ページの希望する場所に配置しました。小さな「ポインター」「ヒント」を取り除きたいだけです。
ありがとう。
jquery - jQueryのqTip2をクリックでのみ機能させるにはどうすればよいですか?
qTip jQuery プラグインを使用しており、リンクまたはボタンをクリックしたときにのみツールチップが表示されるようにします。機能するはずのいくつかの方法を見つけましたが、実際には機能していないようです。これは、2 つの異なる方法を試した jsFiddle です: http://jsfiddle.net/dqkzV/2/。ここには、機能すると主張する別の回答もありますが、私には機能しないようです (jsFiddle の 2 番目の方法): jQuery tooltip onClick? . 私が試した両方の方法で、クリック時にのみ表示されるはずのツールチップがマウスオーバー時に表示されます。
qtip - QTip が間違った場所に表示される
ユーザーがフルカレンダーで 1 日をクリックすると、qtip を表示しようとしています。
これは chrome では正しく動作しますが、firefox と Internet Explorer では qtip が間違った場所で開きます。
これは、別の日をクリックすることで確認できます。qtip が間違った場所で開く場合もあれば、開いてすぐに閉じる場合もあります。
$(this).qtip('destroy')
この動作は、使用していない場合とsolo: false
が定義されている場合に観察できます。
セル内を初めてクリックしたときに、同じセル内でマウスを動かしてもう一度クリックすると、正しい位置に qtip が表示されるようです。そのセルは、ページが更新されるまで正しく機能し続けます。
javascript - jquery qtip2 : 伝播停止オプション
私は次の構造を持っています
これで、クリック時に $('#parent') と $('#child') の両方で jQuery qTip v2 プラグインが有効になりました。しかし、子をクリックすると、親の qtip も表示されます。
「event.stopPropagation()」などを使用する必要があると思いますが、qtipでこれを有効にするにはどうすればよいですか?
jquery - qtip1のデフォルトのようにqtip2のツールチップのスタイルを設定するにはどうすればよいですか?
qtip1のデフォルトのようにqtip2のツールチップのスタイルを設定するにはどうすればよいですか?
qtip1のデフォルトのスタイルが気に入りましたが、アップグレードすると失われました。:(
jquery - qTip2 cssをカスタマイズする方法は?
WebサイトでqTip2を使用していますが、cssに問題があります。
私は次のファイルを含めました:
jquery.qtip.min.js jquery.qtip.min.css
jsファイルに以下を追加しました:
これまでのところ、これに関する問題は、jtoolsテーマが読み込まれることです。これをコストム化する必要があるため、jquery.qtip.cssからjtoolsスタイルを抽出し、次のように自分のcssファイルに配置します。
ツールチップの宣言で変更します:
に
問題は、コンテンツがまだ黄色のデフォルト色を取得していることです。なぜ?
jquery - QTip の効率。1,000 個の要素に QTip を配置すると、IE8 では非常に遅くなります。
マウスオーバー時に QTip を必要とする数百の要素を含むページがあります。これはIE8を殺していますが、他のブラウザは問題なく動作しているようです.
これに対抗するために、ユーザーが要素のコンテナーにマウスを置いたときに QTips を作成しようとしています。これにより、一度に 1,000 以上ではなく、一度に ~100 ~ 200 しか実行されなくなります。
コンテナの上にマウスを置くと、この関数は起動しますが、子の上にマウスを置くと、ツールチップを表示するのではなく、この関数を何度も起動するだけです。
jquery - ツールチップ内のqTipの配置
そのため、qTip2 が正常に動作し、ツールチップが ajax コンテンツのモーダルとして表示されます。モーダル ツールチップ内のコンテンツに別のツールチップを呼び出すリンクがあることを除いて、すべてがうまく機能しています。それらのいずれかをクリックすると、位置が画面から外れます (-234.5px や -300px など)。
位置パラメーターと関係があることは知っていますが、機能させることができません。前にクリックしたツールチップのターゲットをその位置として使用することはできますか? または、同じツールチップに新しい ajax コンテンツをロードする方法はありますか?
メインページのリンク:
ajax プル コンテンツ内のリンク:
qヒントコード: