問題タブ [qtip2]

私はqtip2を使用していますが、jQueryajaxを使用しているようです。

IE8では問題はありません。エラーが発生し、完全になります

Fx 6+では、エラーが発生することはありません。

再現するには：

1. http://plungjan.name/eclatooltip/にアクセスします
2. firebugNetまたは他のhttpスニファをオンにします
3. 2番目の結果の2番目のIPCにマウスを合わせる-B65D30/08

結果：

• IE：メッセージ：「何も見つかりませんでした」
• Fx：戻ることも、エラーを実行することも、完了することもありません

私はこれを見ましたhttps://gist.github.com/82181

しかし、私のコードでそれを使用する方法がわかりません。

使用したコード（eclatt.js）

コンプライアンスのプロの皆さん、こんにちは。

私は、Webアプリをセクション508およびwcag2.0ガイドラインに準拠させるという任務を負っています。ほとんどの場合、これはそれほど難しいことではありませんが、私は少し障害にぶつかりました。

私はアプリでqtipをよく使用しますが、これはほとんどが準拠している傾向があり、wai-ariaロールとdescribe-by属性を使用します。ただし、ツールチップを追加する方法により、最初のマウスオーバーまでテキストに表示されないようになります。これは明らかにキーボードナビゲーションでは発生しません。スクリーンリーダーがそれをどのように処理するかはわかりません。

私はここでフィドルを作成しました：http：//jsfiddle.net/patriciavandermeer/xkhy6/2/ これは私が話していることを示しています。ツールチップは、エンドユーザーが他の場所で設定できるhtmlであり、アイテムのリストにはツールチップがある場合とない場合があります。

ツールチップを適用して：focusに表示する（そしてフォーカスが失われると非表示にする）ことを考えていましたが、スパンにtabindexを指定する必要があり、それがどれだけサポートされているかわかりません。メインブラウザはそれを処理しますか？

または、弾丸を噛んで、ツールチップをドキュメントに接続する準備をする必要がありますか？そのように設定したときに、忙しいページのいくつかで深刻なパフォーマンスの問題が発生しました。

編集：これは、使用されるhtmlのサンプルと、ツールチップをスパンにアタッチするために使用するjquery/javascriptです。

サンプルHTML：

ツールチップを添付するためのJavascript：

ツールチップ用に次のコードがあります-Fxで完全に機能します

http://jsfiddle.net/mplungjan/jkCKh/（使用されている画像はデモ用です）

コードの目的は、150ピクセルを超える幅や高さを持たず、マウスオーバー時に元のサイズを表示することです。

アスペクト比を維持しながら、ほとんどのブラウザで同じようにサイズを縮小するにはどうすればよいですか？

比率を実際に計算する必要がある場合は、エレガントな計算を投稿してください。

Rails アプリのツールチップに jQuery qTip2 を使用しています。ツールチップにリンクを表示したいのですが、リンク (またはツールチップ自体) を正しく表示できません。

これが私のapplication.js qTip jQueryです：

ツールチップを表示するための私の html.erb:

そして私のヘッダー：

編集 - HTML は次のとおりです。

目標は、テストにカーソルを合わせると、記事に移動するツールチップ リンク「記事名」が表示されることです。

誰でもこれを修正するのを手伝ってもらえますか?

jQuery qTip2 が機能するようになりましたが、最後に解決すべきことが 1 つあります。動的コンテンツをツールチップにリンクとして表示することです。（私はこれらすべてに慣れていないので、ご容赦ください。）

qTipを表示するために私が今持っているものは次のとおりです。

これが私のerbファイルです：

レンダリングされた HTML:

私がやりたいことは、作成者の名前とそのプロファイルへのリンクを示す qTip としてリンクを表示することです。次のように、application.js ファイルにリンクを追加できることはわかっています。

ただし、コンテンツがデータベースから動的に追加されるようにするにはどうすればよいですか? 理想的には、次のようなものが必要です。

以前の回答から、有効な HTML の生成に問題があることを知っています。しかし、誰かがここで私を助けてくれることを願っています。

私は10個のdivを持っています。それぞれに属性がありますdata-tooltip="text here"。

私は次のようにします：

しかし、うまくいきません。関数を使用してコードを 10 倍も書かずに、各 div のツールチップ テキストを取得するにはどうすればよい.qtipですか?

qTip2を使用して、ツールチップ内のテキストフィールドに「共有」リンクを表示します。

ツールチップ自体は正常に機能しますが、選択したすべてのテキストでテキストフィールドにフォーカスを合わせたいと思います。これが見つかりましたが、どういうわけかフォーカス/クリック+選択が機能していないようです。

JSFiddleリンク

タイトルで説明したように、入力フィールドをクリックしたときにqtipツールチップを表示する必要があり、入力された文字が2文字を超える場合はqtipを非表示にします

テーブル行のツールチップを表示するために qTip2 を使用しています。

「金額」フィールドごとにツールチップを表示したいので、次のようにツールチップを開始します。

ただし、クラスを使用して選択したため、最初の tr の id のみを取得し、マウスをどの行に置いても、最初の行としていくつかのツールチップ コンテンツを取得します。$(this) を使用して ID を選択しようとしましたが、うまくいきませんでした。

現在のホバー要素を選択できるセレクターが必要です...

ここで助けが得られることを願っています...フィードバックは大歓迎です...

ありがとう....

qTip2を使用しており、ツールチップの 1 つがタグ DIV にあります。その DIV 内に、 nyroModalウィンドウ (ajax ページ)を開くリンクがあります。target="_blank". _

これがライブデモです: http://jsfiddle.net/Ja9dN/2/

HTML:

JS:

ありがとう

解決済み:

コンテンツ呼び出しを次のように変更しました: