問題タブ [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 投票する
3 に答える
5640 参照

jquery-plugins - jQuery、qTip: ツールチップのフォントサイズ: 常に同じ

ツールチップに qTip jquery-plugin を使用しています。

I cannot change the font-size of the tooltips. This is the code.. any number 2..4..8 produces the same results.

thanks

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

javascript - bxcarouselの画像でjQueryqtipツールチップを再バインドする

たくさんの画像を表示するためにbxcarouselを使用しています。各画像にはツールチップがあり、qtipを使用して表示します。

これは最初のラウンドでは問題なく機能しますが、2回目に画像が丸くなると、ツールチップが表示されなくなります(bxcarouselがスライドアウトする要素を削除し、最後に戻すため)

カルーセルの例はここにあります: http ://www.kipdola.be/carousel/carousel.html

これは、イベントをバインドするために使用されるコードです(おそらく、どこかに「ライブ」関数が必要ですか?)

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

jquery - qTip ポップアップが画面の左上から表示されます (初回ロード時)

設定が間違っているかどうかはわかりません-この問題を抱えている人は他にいないようですが、私のqTipポップアップ(すべてajaxで読み込まれたコンテンツ)は非常に不規則に読み込まれます。正しい位置に表示されます。私が見逃したかもしれないこれに対する簡単な解決策はありますか?ご協力いただきありがとうございます。

HTML マークアップ:

qTip初期化..

0 投票する
6 に答える
15897 参照

javascript - FullCalendar dayClick で jQuery Qtip をトリガーする

jquery fullcalendarがあります。オプションのリストを表示するために日をクリックすると、jquery QTip (または他の jquery ソリューション (ライトボックスなど))をトリガーしたいと思います。この質問は、すでに投稿されたこの質問に似ていますが、新しい質問を保証するのに十分なほど異なります。

これにはイベント コールバックがありますが、これを jQuery Qtip と統合する方法がわかりません...

これにより、明らかにアラートが表示され、クリックされたセルの色が赤に変わります。

これは、QTip がイベントにホバーするように統合されていることを示す別の例です。

この例は、QTIP をトリガーするために使用されているホバー コールバックを示しています。

ここで、これら 2 つの例を組み合わせる必要があります...

2010 年 5 月 26 日更新

Qtip フォーラムの Craig は、あらゆる種類の問題を引き起こしているように見える DayClick コールバックの代わりに、viewDisplay コールバックを使用することを提案しています。(ブラウザをロックすることが最も顕著です)。

投稿は次のとおりです。

コードは次のとおりです。

このメソッドは、日をクリックするとツールチップを表示します。ただし、いくつかの問題があります。

  1. 私が知る限り、このコールバックからアクセスできる日付情報がないため、クリックした日付に固有のツールチップを表示するのが難しくなっています。
  2. このコールバックを介してアクセスできる X および Y クリック情報がないため、クリックされた日付の横にチップを配置することはほぼ不可能です。

すべてのヘルプは大歓迎です!

ありがとう、

ティム

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

jquery - Jquery ツールチップ プラグイン qTip が幅を適切に設定していないようです

私はasp.net mvcサイトを持っています。これはqTipを使用した動的なツールチップです

これが私のコードです:

上記の幅属性が無視されることを除いて、これは完全に機能します。その幅属性に何を入れても、必要な幅の約半分である同じサイズの幅のツールチップが得られます。高さはまったく問題ありません。

何か案は?これは製品のバグですか?

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

jquery - モーダルqTip-いつ非表示にするか...mouseleave?

モーダルウィンドウqTipを使用しています。すべてが正常に機能しますが、onMouseoutまたはmouseleaveのいずれかのときにモーダルウィンドウを非表示にすることが可能かどうか疑問に思っていました...そしてどのように?

これは私の現在の設定です:

もちろん、フォーカス解除は外側をクリックしたときにのみ機能します。何か案は?

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

javascript - jQueryダイアログを使用したqTip

qTipを使用して、グリッドに検証エラーを表示しています。ツールチップは、行の保存に失敗した後に表示され、行が再保存されるか、変更がキャンセルされるまで消えません。

これに伴う問題は、ツールチップが表示されているときにダイアログを開くと、ツールチップがダイアログの上にレンダリングされることです。これは、jQueryダイアログが1000以上に設定されているのに対し、z-indexはすべてのツールチップで6000以上にハードコーディングされているためです。

qTipのハードコードされた値を<1000に変更することでこの問題を修正できますが、ダイアログから起動されたツールチップがダイアログの後ろに表示されます。

qTipコードを変更したり、別のツールチップライブラリを使用したりする以外に、私にできることはありますか?

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

jquery - qTipコンテンツで定義されたハイパーリンクから関数を呼び出す

qTip のコンテンツの一部であるハイパーリンクから JavaScript 関数を呼び出そうとしています。my function is not defined というエラーが表示され続けますが、それはページ内で定義されており、qTip の外部で呼び出すことができます。以下は私がこれまでに持っているものです:

function tester() { alert("hello world"); }

アラートを onClick 属性内に配置すると、少なくともアラートは機能します。qTip内から関数を呼び出す特別な方法はありますか? どんな助けでも大歓迎です。ありがとう。

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

php - Qtipが機能していませんか?

これはQtipのコーディングですが、うまくいきません。理由がわかりません。

前もって感謝します?

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

jquery - qTip jQueryプラグインが常に起動するとは限らない

ここで提起した別のスレッドに基づいて、作業中のWebサイトにqTip jqueryプラグインqTipプラグインを使用しています:スタックオーバーフロースレッド

私の質問は、基本的に現在のタブ メニューに基づいてタイトル属性を設定する画面の上部に沿って実行されているナビゲーション バーがあり、これらはすべて JavaScript 配列内に格納されているということです。

たとえば、画面の上部にメニュー A、メニュー B、メニュー C の 3 つのメニュー オプションが表示されているとします。

また、ナビゲーション バーで選択したメニュー オプションに基づいて、タイトル属性を設定したナビゲーション バーの右端に情報画像を配置しています。

例えば:

基本的に、ユーザーがナビゲーション バーの各メニューをクリックすると、情報画像のタイトル属性を「管理者」、「マネージャー」、または「ゲスト」に設定します。

起動時に qTip プラグインが動作し、ホバーすると「管理者」と表示されますが、メニューをメニュー C に変更すると、「ゲスト」ではなく「管理者」と表示されます。

見た目からは、画面のフッターに配置した qTip プラグインを呼び出しているようには見えません (以下の実際のコードを参照)。

javascript配列内のメニューオプションとピックアップ値をクリック/変更するたびにqTipが確実に起動するようにする方法はありますか?

ありがとう。