問題タブ [qtip2]

私のページには、3 つのステップで記入されるフォームがあります。各ステップのフィールドは、そのステップの要素をグループ化する div に含まれています。ユーザーが次のステップに移動すると、その div を非表示にして次の div を表示します。最後のステップの後、ユーザーはデータを確認して送信します。この時点で、検証が開始され、(すべてのステップの) フォーム内のすべてのフィールドが検証されます。

フローティング qTips を使用して、検証に失敗したフィールドにエラー コメントを表示しています。私の問題は、失敗したフィールドが表示されていないときにヒントがめちゃくちゃな位置に表示され、表示されると画面全体が正しい位置にジャンプすることです。

質問: フィールドが表示されている場合にのみ qTip を表示し、表示されていない場合に非表示にするにはどうすればよいですか?

生成された qTip には内部要素があるhtmlFor="name-of-field"ため、それを使用して各 qTip をその生成フィールドに関連付けることができると思います。しかし、各ステップ div が非表示/表示されているときに、フィールドで非表示/表示するにはどうすればよいですか?

iframe 内で jQuery qTip2 を使用していますが、iframe の幅と高さのサイズに制限されているため、コンテンツを実際に iframe の上、つまり iframe の親ウィンドウ内ではなく、iframe の上に表示することはできますか?実際のiframe自体？

このように、私は iframe サイズ内に制限されません。

これは、iframe の一部として使用している現在のコードです。

動的に読み込まれた iframe があります。ユーザーが特定の要素の上にカーソルを置いたときにqtipsを表示したいのですが、qtipsは要素内で一度カーソルをたどります。target: 'mouse'iframe 内の qtips が親コンテナーに固定されているため、このオプションを使用できません。FF では距離が最も遠く、IE が最も近い y 軸でのみ、ヒントがまだカーソルからずれていることを除いて、ちょっとうまくいくものがあります。私はこれがそれを実装する正しい方法ではないことを知っているので、助けていただければ幸いです。ありがとう！

ツールチップにjquery qTip2を使用します。

リンク付きのツールチップがあります。ユーザーのマウスが (トリガーではなく) ヒントに入った場合、ヒントを開いたままにしておきます。ドキュメントでそれを行う方法を理解できないようです....

qTip (v2) を使用している fullCalendar ページがあります。問題は、qTip のヒントが非常に遅く、時々マウスオーバー イベントが発生するように見えるため、再度マウスオーバーしてから起動する必要があることです。速度が低下していると思われる ajax 呼び出しがありますが、ajax 呼び出しを削除しても違いはありませんでした。

以下のコードは、fullcalendar の eventMouseover です。それが問題だとは思わないので、すべてのカレンダー コードは含めませんでした。

ajax呼び出しを使用しても、ajaxがコンテンツを置き換えるのにかかる時間に関係なく、ヒントは「読み込み中....」のコンテンツですばやくポップするはずだと思います。上記のコードは、他のすべてのマウスオーバーで「機能」しますが、それでもゆっくりです。私がこれを行う方法に何か問題がありますか?

ユーザーが web ページの 3 つの入力テキスト項目と一緒に helpicon3 アイコンの上にカーソルを置いたときに、qTip2 を使用してヘルプ テキストを表示しようとしています。

作成した各アイテムには、ユーザーがその入力アイテムのヘルプアイコンにカーソルを合わせたときにそのアイテムに表示するツールヒント テキストを事前に割り当てています。

o これに基づいて、qTip2 を使用して「P35_A1」ヘルプアイコンにカーソルを合わせると、「これは A1 アイテムのヘルプ テキストです」というツールチップ テキストが表示されます。同じことが他の 2 つの項目にも当てはまります。

このコードは、私のページのビュー ソースから取得したもので、次のようになります。

現在、私が持っていて機能していないqTip2を使用したjQueryコードは以下のとおりです。

.each 関数でやろうとしていることは、上記の itemtooltip foritem help でホバリングしているアイテム ヘルプ アイコンと一致するため、問題が発生しているのは明らかにコンテキスト テキスト部分です。ツールチップに表示されます。

ここでも、qTip2 を使用して "P35_TEST" ヘルプアイコンにカーソルを合わせると、ツールチップ テキスト "This is some help text from the help section of the item." が表示されます。

現在、ラベルの helpicon を実際のツールチップ テキストに一致させようとしています。これに加えて、qTip2も利用する別の手段はありますか?

別のスレッドから次のコードを使用していますが、理由は不明ですが、次のエラーが発生します。

キャッチされていない TypeError: オブジェクト [オブジェクト オブジェクト] にはメソッド 'qtip' がありません

コード：

サイトでqTip 2.0を使用していますが、themeroller を使用してツール ヒントのスタイルを設定できると表示されています。それでも、qTipでテーマローラーをどのように使用するかについて少し混乱していますか? ページにチュートリアルがありますが、Themeroller のセクションは空白です。

私が立ち往生しているので、誰でもこれを手伝ってもらえますか。

ここに私のqTipコードがあります:

新しい jQuery qTip ページには、jQuery Unobtrusive Validation でそれを使用する本当に素晴らしいサンプルがあります。これはここにあります。

ASP.NET MVC 3.0 では、ビュー ヘルパーの一部として目立たない検証を行います。私はできなかったので、誰かがこの信じられないことをその中に実装する方法を知っているかどうか疑問に思っていました.