問題タブ [qtip2]

qTip2と呼ばれるこの素晴らしいツールチップを見つけました。これまでのところそれを愛していますが、それを使用する際に問題に陥っています。

Rails3.1のセットアップでqTip2をインストールして実行することができました。ただし、qTip2のajax機能を使用しているときに問題が発生します。

qTip2 ajaxリクエストでは、スクリプトをツールチップコンテンツdiv（qTip2によって自動的に生成される）に表示する前に、スクリプトへのリンクを実行する必要があります。ここで参照しているコードを見ることができます。

http://www.craigsworks.com/projects/qtip2/demos/#ajax

それに関する問題は、それがRoRと実際にはうまくいかないということです。RoRを使用して宣言されたajaxリクエストはより明示的であり、更新するdivIDをrailsに明示的に伝えることができます。

次のような状況を考えると、私は次のことをする必要がありました。

1. ツールチップのコンテンツは動的である必要があります
2. ツールチップコンテンツのカスタムレイアウトを作成できるように、qTip2ajax機能を使用する必要がありました。

私は次のことを試しました：

1. ロードするhtmlスニペットをパブリックフォルダーのコンテンツdivに配置します。コンテンツは正しい形式で読み込まれましたが、動的コンテンツを作成できません。このフォルダではhtml.erbファイルが機能していないようです。このフォルダの代わりに、動的コンテンツで機能するものはありますか？

2. RoRでqTip2ajaxリクエストを使用しようとしましたが、成功しませんでした。私がしたことは、.js応答ファイルでajax更新IDを明示的に定義しようとしたことです（コントローラーやビューなどを経由します）。しかし、qTip2プラグインによって生成された正確なIDを把握することは、私には少し圧倒されました。

これが私が持っているものです

html

javascript

CSS

私を助けてください！！:)この投稿がばかげているように見える場合は、お詫びします。これは、stackoverflowに関する私の最初の質問です。

ツールチップが必要な要素を動的に作成するページがあります。

私はいくつかの異なるアプローチを試しましたが、役に立たない答えをオンラインで探しました。

今のところ、私はこれを持っています：

私が探しているのは、これらすべての要素でまったく同じツールチップを使用する方法です。それらすべてがまったく同じコンテンツ (この場合は単一のフォーム) を使用し、まったく同じ方法で (id 'ui-tooltip-editLink' の tooltip 要素によって) ツールヒントを参照するようにします。

私が持っているものでは、現在最初のツールチップを正しく作成していますが、新しい要素を追加してツールチップを再割り当てすると、新しい要素に別の ID を持つまったく新しいツールチップが作成されます。

複数の要素、同じツールチップのアプローチを達成する方法を知っている人はいますか?

現在、qtip2 を fullCalendar ウィンドウに追加しようとしているので、qtip を表示し、カレンダーで選択したイベントを削除するためのリンク/ボタンを使用できますが、残念ながらそれで問題が発生しています。これが私のfullCalendarの外観です。

問題は qtip の content 属性にあると思いますが、なぜこれが機能しないのかわかりません。この場合、アラートを表示しようとしていますが、機能していません (Qtip は表示されますが、[削除] をクリックしても何も起こりません。それが機能したら、アラートを次のように置き換えることができます)。 DBで選択したイベントを削除する独自のJS関数。

ps: Adob​​e Air を使用していますが、これが問題になるかどうかはわかりません。

このプロセスには多くのコードが必要ですが、問題の本質を説明できないかどうか見てみましょう。まず、最終的にはすべてが機能します。IE ブラウザを使用している場合、ListBox への入力が遅れるだけです。エラーはスローされませんが、何かが起こるまでに 5 秒ほどかかります。

必要な機能の説明: qTip2 の Jquery アドオンを使用してモーダル ポップアップを作成します。このモーダルは、3 つのメイン コントロールと 2 つのボタンで構成されています。コントロールは、ユーザーが単語を入力するための TextBox であり、最初の ListBox に入力されるすべてのオブジェクトに入力されます。2 つのリスト ボックスがあります。1 つ目は使用可能なすべてのオブジェクトを設定し、2 つ目はユーザーが最初の ListBox のオブジェクトをクリックしたときに設定します。

モーダル ポップアップを作成するために呼び出す 2 つの関数を次に示します。ユーザーが LinkBut​​ton をクリックしたときに実行されます。

createAnalyteForm は、ユーザーがページ上のボタンをクリックすると呼び出されます。これにより、qTip を起動してモーダルを作成する BuildAnalyteForm メソッドを呼び出すよりもフォームが作成されます。ユーザーが「txtAnalytesTypeAhead」TextBox に入力すると、検体が「lbAnalyteMatches」ボックスに入力されます。AJAX で呼び出された分析物はキャッシュされ、非常に迅速に返されます。これは遅延ではなく、ListBox は FF にすばやく取り込まれます。また、ユーザーが「lbAnalyteMatches」ListBox 内の分析物をクリックすると、「lbSelectedAnalytes」ListBox に入力するときに同じ種類の遅延が発生します。AddAnalyte() 関数は、ユーザーが「lbSelectedAnalytes」ListBox をクリックすると呼び出されます。

jsFiddle http://jsfiddle.net/fDavN/2761/

css 経由ではない理由の概念は理解していますが、同じ動作がこのツールチップ プラグインに適用されるかどうかはわかりません

ウィンドウの外側にあるときに最後の要素を反転させようとしても無駄です。position.container と viewport を無駄に見ています。私が何か間違ったことをしているかどうか誰にもわかりますか？ツールヒントが隣り合っている 5 があります。最後のものでは、配置を「左上」と反対の配置に切り替えたいと思います。

どんな助けでも大歓迎です。御時間ありがとうございます！素晴らしいプラグインです！

SSの様子をいくつか紹介します。

レギュラー： http: //i.imgur.com/bI3oR.jpg

カットオフhttp://i.imgur.com/wWhyq.jpg

編集: jsFiddle を追加、開発フォーラムへのリンクhttp://craigsworks.com/projects/forums/thread-viewport-not-working-with-absolute-positioning?pid=12829#pid12829

再度、感謝します！

qTip jQueryプラグインを使用して、自分のWebサイトにちょっとしたセンスを加えようとしていますが、まったくうまくいきません。いくつかのドキュメントを読みましたが、まったく役に立ちません。基本的に、ポップアップなどのスタイルを設定するなど、本当に基本的なことをしようとしていますが、機能していません。ポップアップを機能させることはできますが、それらをカスタマイズすることはまったく問題です。たとえば、次のようなものです。

ポップアップをまったく配置しておらず、次のようなものです。

それらをまったくスタイリングしていません。ここで何が欠けていますか？

誰かがこれを行う方法を知っているかどうか私はただ興味があります。基本的に私は大きなテーブルを持っており、各tdにはより多くの情報を提供する埋め込みテーブルを備えたqtipがあります。ユーザーが表示している特定のセルであることがわかるように、tdの背景色をqtipに一致するように変更したいと思います。これが私のqtipのJSです：

qtipを使用して、qtipに表示される埋め込みフォームを作成しようとしています。フォームへの送信イベントを作成しようとしても、何も起こりません。jquery1.7と最新のqtipバージョンを使用しています。

http://craigsworks.com/projects/qtip2/demos/の例を使用しようとしましたが、それらのデモは機能しません。私のコードを見て、何か間違ったことをしているのか教えてください。

前もって感謝します！

qtip2を使用しています。qTip APIオブジェクトにアクセスしようとしていますが、ここに記載されているメソッドが表示されません。qTipをKnockoutJSと組み合わせて使用​​しているので、コードは次のようになります。

報告されるエラーは

完全な例はjsfiddleにあります。

間違ったバージョンのqtipを使用していますか？私はこれにリンクしています。

Google マーカーに qtip ツールチップを追加しようとしているので、マーカーをクリックするとツールチップが開きます。

次のように ID を選択できるため、他の要素で動作させることができます。

しかし、Google マーカーは異なります。私は次のように彼らのオブジェクトにアイデアを追加しようとしました:

また：

しかし、うまくいかないようです。

以前は InfoBubble を使用していましたが、これはうまく機能していましたが、マップが小さいため、ツールチップをマップ自体に制限しないようにする必要があります。