問題タブ [qtip]

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

javascript - qTip レンダリング エラー? とアドバイス?

私はqTipを使用していますが、ヒントが表示されているときにjavascriptアラートがトリガーされたときに、アラートが閉じられた後にqtipが消えないことに気付きました。

修正はありますか?

前もって感謝します

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

jquery - Qtipにアイコンが表示されませんか?

やあ、

この例を見てください:http://jsfiddle.net/snowman/Hne3h/1/

質問マークにカーソルを合わせるとqtipが表示されますが、問題はツールチップに配置されている質問アイコンが表示されないことです。

何かアドバイス?

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

jquery - qTipが設定されていなくても余白が表示されますか?

ツールチップに何も設定されていない場合でも、qTip がマージンを追加するのはなぜですか?

私が使用しているqTip構成は次のとおりです。

コンテンツ div のクラス スタイルは次のようになります。

ここで適切なマージンを得るために負のマージンを使用する必要があるのはなぜですか?

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

jquery - マウスオーバーでqTipを表示

jQuery 検証を使用してフォームを検証し、qTip を使用してエラー メッセージを表示しようとしています。しかし、エラーメッセージonMouse Overを表示したいのですが、今のところフォームを送信すると、テキストフィールドの隣にエラーメッセージが表示されます。

テキストフィールドにマウスオーバーしたときにエラーメッセージを表示するにはどうすればよいですか?

デモ - http://jsfiddle.net/UcaZT/

rvi。

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

jquery - 各qTipツールチップのカスタムコンテンツ

検索結果のリストがあり、それぞれについて、問題の結果に関する詳細情報をツールチップに表示できるようにしたいと考えています。

各要素をロールオーバーしたときにqTipツールチップが表示されるようになりましたが、各結果のツールチップにカスタムコンテンツを取り込む方法がわかりません。

これは主に、jQueryに関する知識が非常に限られているためだと思います。

<a>古いスタイルのJavaScriptでは、タグに付加された関数呼び出しからのツールチップコンテンツである変数を渡します。jQueryツールチップのタグに関数呼び出しが記述されて<a>いないため、これは現在の方法ではないようです。

現在、私はこれを頭の中に持っています:

そして、体は持っていて<a class="tooltip">Link</a>、それから私は標準を持っています:

しかし、これは表示されておらず、ツールチップごとにHTMLの特定のチャンクを作成する方法がわかりません。

私のアプローチは間違っていますか?

カスタムコンテンツを含むすべての個別のツールチップを個別のIDで作成してから、これらのIDを取得して表示する必要がありますか?

0 投票する
3 に答える
3777 参照

javascript - ロードするqtip()ツールチップをdelay()する方法

私はこのようにロードします:

そして、それは効果の原因がある場合のように見えます。しかし、qtip.phpは遅延なしでロードされます。これは私が本当に望んでいることです(不要なリクエストを減らすため)

qtip.phpをロードする前に300ms遅延させることはできますか?

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

jquery - jquery メールアドレスの検証、追加、削除

メールアドレスを検証してから、複数選択ボックスに追加しようとしています。私はqTipとjquery validateを使用してトリックを行っています。したがって、[追加] ボタンを押すと、スクリプトが検証され、下の選択ボックスに追加されます。検証は正常に機能していますが、追加するために、メソッドをメインのqTipスクリプトに追加するのはほとんど困難に直面しています。以下を統合するのを手伝ってくれる人はいますか

ここにデモがあります

スクリプトを追加

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

javascript - リンクをクリックできるように qTip ツールチップが開いたままにならないのはなぜですか?

これが jsfiddle での私のです。ミネソタにカーソルを合わせると、qtip ポップアップが表示されます。私は qTip jqueryプラグインを使用していますが、誰かがツールチップのリンクをクリックするのに十分な時間qtipを維持することに行き詰まっています。開いたままにするために、あらゆる種類のシナリオを試しました。ドキュメントを読むと簡単にできるようですが、これらを試してみましたが、うまくいきませんでした。これらを試しました

ユーザーがリンクをクリックできるように、ツールチップを表示し続けるものはありません。イラつくのは、参考ページにあるものです。リンクの例のいずれかをクリックすると、彼らは私がやりたいことを正確に行っています。ソースに行き、彼らが使用していると思われる場合

しかし、私は両方を試しましたが、ツールチップは開いたままになりません。何か不足していますか?

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

jquery - Google/Bing 風のページ プレビュー ツール

この種の機能をサイトに追加する必要があります。これは、Google と Bing がそれを処理する方法と同様に、リンクの上にカーソルを置いたときにページを「プレビュー」します。ここでの違いは、このリンクが新しい Web ページを開くのではなく、このリンクが何を表しているかに関する情報を表示することです。

どのように見えるかを理解するために、次のような一連のサポート チケット リクエストを一覧表示する管理ページを想像してみてください...

... " View" にカーソルを合わせると、この " " のプレビューが表示され、送信日、割り当て先、チケットの簡単な説明などticket、" " の関連情報が一覧表示されます。ticket

柔軟でカスタマイズ可能で、クロスブラウザー互換性があるため、 qTipを調べましたが、2009年以降は触れられていないようなので、jQueryの最新バージョンをサポートしているかどうかはわかりません。他に同様のプラグインはありますか?

または、表示したい情報はテキストのみなので (特別なレンダリングやその他の複雑な計算を行う必要はありません)、どうすれば自分でこれを行うことができますか? いくつかのサンプルコードを見るといいでしょう:)

何か明確にする必要がある場合はお知らせください。

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

jquery - カレンダー ビューを変更した後、Qtip が fullcalendar で機能しない

私はここでは新人です。私はいくつかのグーグルをしましたが、私の問題に対する答えが見つからないようです。フルカレンダーでqtipを使用しています。最初はすべて正常に動作しますが、fullcalendar でビューを変更するたびに (月から日へ、また月へ戻るなど)、または月を切り替えたときに、qtip が機能しないようです。qtip を機能させるには、ページを更新する必要があります。私を助けてください。