問題タブ [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 に答える
3746 参照

javascript - qヒント2と画像

qTip 2を使用してホバーでより大きな画像を表示していますが、半ば機能します。画像は全幅ではなく表示されています。全幅を表示するにはどうすればよいですか?

コード:

HTML

JS

画像を全幅で表示するにはどうすればよいですか?

このコードを追加しようとしましたが、機能しませんでした。

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

html - フローdivから外れていますが、絶対的なポジショニングではありません

私はdiv大きな背景画像を持っています。ここで、いくつかdivのを作成し、それらを背景画像のいくつかの要素の上に配置してから、qTip2を使用していくつかの説明を行います。真ん中にフォームを入れたいです。

問題はposition relative、qTipボックスに使用すると、フォームがダウンすることです。を使用するabsolute positionと、ウィンドウのサイズを変更すると結果が異なります。

私は何をしなければなりませんか?

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

jquery - 要素がdomから削除されたときにqtipを削除します

マウスオーバー、img、および div 要素で jquery .on イベントを介して qtip2 でツールチップを適用します。これらの要素は、qtip がまだ表示されている間に DOM から削除する必要がある場合がありますが、この削除は私の管理下にありません。その結果、qtip は永遠にそこにとどまります。関連する要素が削除されたときにqtipを削除するにはどうすればよいですか?

EDIT の基になる要素は、jquery の .remove() では削除されませんが、innerHTML=.. で削除されるため、qtip2 の自動削除はここでは機能しません。

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

jquery - Rails 3.2.1 ruby​​ 1.9.3 qtip2 ajaxで動的コンテンツを取得しようとするとスタックオーバーフローが発生する

この問題に関連するいくつかの質問を見つけましたが、解決策をコピーしても機能しません。たとえば、jQuery qTip2 の Rails 動的コンテンツ

処理はコントローラーに到達してコンテンツを生成しますが、ループに陥ります。

コントローラーで

レンダリングを通過すると、config 関数に戻り、オーバーフローするまでループします。

私は別の qtip がうまく動作する同様のことをしています - 私が見ることができる違いは、動作しないものにデータを渡しているということです。もう1つの微妙な点は、機能しないヒントを含むページ自体がjqueryでレンダリングされるため、ヒントのjsコードがページにあり、機能するものは$(document).readyにあります。関数。これがどこで間違っているのかを理解したいと思います。

私はrespond_toを取り出して試してみました

これは機能します:

そして、コントローラー

誰でも何かアイデアがあります - 何時間も私を困惑させましたか?

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

javascript - qtip2 ツールチップ内の onclick イベントが機能しないのはなぜですか?

以下の jsfiddle リンクには 2 つのボタンがあり、いずれかをクリックするとツールチップが表示されます。ツールチップ内のボタンで「削除」テキストと「入力テキスト」の表示やその他の属性を変更したい(テキストフィールドを編集可能にする)問題は、値が更新されるのにテキストが編集可能にならないことです」問題の解決策を提案する

JSFIDDLE

HTML

</p>

JavaScript

CSS

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

javascript - javascriptがテーブルの値を表示しないhtml

マウスをホバーすると小さなウィンドウがポップアップし、セルに表示されている値に関する情報が表示される JavaScript アプリケーションを作成しています。関数を以下に示します。ただし、ページをロードすると、マウスをセルの上に置いても何も表示されませんが、firebugのターミナルからその機能を実行すると、想定どおりに機能し始めます。なぜアイデアがなぜですか?

そしてHTML

これはテーブルのサンプルです。テーブル自体が巨大です (ヒートマップ)

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

javascript - ページがロードされたときにjavascriptが機能しないqtip2

javascript で素敵なヒートマップを書きましたが、これまでのところうまくいきました。ヒートマップは基本的に、テーブルに表示される値のしきい値に基づいて、色分けされたテーブルです。JavaScript を使用して表を作成し、色を設定しました。ただし、素敵なポップアップ ウィンドウを表示したかったので、ユーザーがテーブルのセルにカーソルを合わせると、いくつかの追加情報が表示されます。このライブラリを見つけましたqTip2

この関数はヒートマップを作成します:

私の<body>タグの中に私は持っています:

ただし、ページをロードすると、マウスをテーブルのセルの上に置くとポップアップボックスが表示されると思いますが、何かが起こります。また、$(document).readyfirebugの端末からその部分を実行すると、プログラムは想定どおりに実行を開始します。ライブラリを使用する前に、ライブラリがページにロードされていることも確認しました。また、firebug の端末にエラーは表示されません。 <script src="http://localhost/heatmap/javascript/jquery.qtip.js">

なぜこれが起こっているのか、誰かが私に手がかりを教えてもらえますか? 私のjavascriptのmain機能は

ありがとう

whis はロード時に呼び出されます:google.setOnLoadCallback(OnLoad);

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

javascript - show callback(qtip2)でajax関数が終了するまで待つ方法は?

私はqtip2通行料に使用しています:

ツールチップが表示されたら、関数を呼び出しupdateLevelInfoます。この関数は、ajaxリクエストを作成し、を使用する属性を更新しますqtip。これがajaxリクエスト(使用できません$.get)であり、関数が実行される前にツールチップが表示されるという問題があります。

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

jquery - ChromeでのqTip2の位置付け

次のコードは、jQueryqTip2プラグインを使用してツールチップを作成します。Firefoxでは正しく機能しますが、Chromeではツールチップがビューポートの左上にバインドされます。ie8ではまったく機能しませんが、それが別の問題であると仮定すると...

これが動作を示すjsfiddleです

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

jquery - qTip2 を CakePHP で使用するにはどうすればよいですか?

qTip2 を Cake で動作させることができないようです。

私は次のコードを使用しています。表示される既存のタイトルは削除されますが、qTip に置き換えられません。もちろん、スクリプトとjqueryをロードしました。何かご意見は?