問題タブ [qtip2]

qTip2 バブルを作成しようとしていますが、読み込み時に表示されません。次に、クリックした画像の下に表示します。

これを行う最善の方法を教えてください。（qTipを使用して、画面から出るバブルを解決します）。

ありがとう

編集：

http://jsfiddle.net/jnbPP/5/の問題を参照してください（これを行う正しい方法を探しています）

jqueryqtip2を使用してマウスオーバーqtipを作成しています。コードは次のとおりです。

これは基本的に、マウスが次のようなリンク上にあるときにプレビュー画像を開きます。

今私がしたいのは、誰かがそのリンクをクリックしたときに別のqtipを開くことです。また、マウスオーバーqtipも閉じる必要があります。jquery .clickを介してそれを行うのですか、それとも他の方法を介してこれを行う必要がありますか、それともqtipにこれを達成する何らかの方法がありますか？

ありがとう

私はこれにアプローチする方法を一般的に知っていますが、私の jQuery スキルは標準に達していません。どんな助けでも大歓迎です！これが私がやろうとしていることです:

1）ユーザーがテキストを入力できる既存のテキストエリアがあります

2) 文字列のペア (string1、string2) を持つ既存のデータベース テーブルがあります。

<span class="highlight"></span>3）ユーザーがデータベースからのstring1の結果のいずれかに一致するテキストエリアに文字列を入力すると、すべての文字列を強調表示できるようにしたいと思います（CSSで背景色またはイタリック体を適用する可能性があります）（文字列は1つである可能性があります単語または複数の単語句を含みますが、単語の一部ではありません)。ユーザーが強調表示された文字列にカーソルを合わせると、対応する string2 が基本的な qTip2 に表示されます。

4) ユーザーがテキストを変更した場合、string1 行のいずれとも一致しなくなった場合、強調表示と qTip は消えます。

5) string1 と string2 のデータは動的であるため、string1 と string2 のデータを含むページが呼び出されるたびに、php json_encode を使用して mysql_fetch_assoc レコードセットから json 配列を作成することを想定しています。

そのため、ユーザーが削除ボタンをクリックしたときに小さな確認ダイアログ（インライン、toopltip）を作成しようとしています。

こんな感じだと思います

（ただし、小さなテキストと[OK]および[キャンセル]ボタンがあります）。 しかし、私はそれをどのようにスタイリングするかを尋ねるためにここにいるのではありません。

私は仕事のプラグインとしてqTip2を使用したいと思いますが、より良い代替手段があれば私もそれを選びます。

それで、いくつかのinteratice要素を使用してツールチップを起動し、フォーカスを失うか、閉じるボタンがクリックされた場合にのみツールチップを閉じるにはどうすればよいですか。また、削除ボタンはAjaxによってロードされます。

何か案は？

ありがとう、平和！

私は以下のような多くのコントロールを持っています：

ご覧のとおり、各コントロールのttContentをその下（div内）に配置し、ttTargetクラスを持つ多くのコントロールを持っています...

マウストラッカーのツールチップのqtip2コードは次のようになります。

qtipにidを使用すると、すべてが非常に単純になり、ターゲットのコンテンツを簡単に見つけることができます。
しかし、私のシナリオでは、私は多くのIDを持っていますが、それらのコンテンツを上位のコードでどのように認識できるかわかりません。

つまり ：

前もって感謝します

ツールチップがページの最後からはみ出さないようにしています。qTip jQuery プラグインを使用していますが、いくつか問題があります。デフォルトの位置はであり、適切に反応するようにposition: absolute;設定する必要があります。これが行うべきことは、それが div の外に出るかどうかを自動的に検出し、そうである場合は、別の方法で表示されないようにすることです。隠れる。qTip サイトのこのソリューションでは、このhttp://craigsworks.com/projects/qtip2/docs/position/#containerについて説明していますが、qTip を正しく表示する方法がわかりません。position: relative;overflow: hidden;positoin: absolute;

これを修正するにはどうすればよいですか?

以下、 qTip 2.0でjQuery Validate Frameworkを使用しようとしています。

これはChromeでは機能しますが、IE9では機能しません。アイデアはありますか?

qtip2をrails3アプリケーションで動作させようとしています。

qtipはうまく機能していますが、モデルの動的コンテンツでqtipを機能させる方法がわかりません。jsのフォーマットでスタックしています...

私の見解では、私は次のことを試みています：

（テストするために：nameだけをそこに入れました）

これはhtmlとしてレンダリングされます：

大丈夫そうです。

私のapplication.jsには、次のものがあります。

コンテンツの構文に問題があると思います。次のように置き換えると、ツールチップが表示されます。

助けていただければ幸いです

ここではqTip2を使用していますが、ツールチップがアクティブなときにツールチップのコンテンツを更新する機能が必要です。ツールチップを持つ要素には、ツールチップに表示したいものを変更できるいくつかの計算を行うクリックイベントがあります。

'destroy'メソッドを呼び出して、再計算するたびにqtip2を再バインドしようとしましたが、これは機能しますが、マウスを離して元に戻した後でのみ機能します。

私が達成したいのは、現在アクティブなツールチップにそれ自体を再描画させることです。

私はこのようなことができるフォームで多くのqtipsを手に入れました:

私がやりたくない多くのjavascriptイベントを作成するため、すべてのqtipを個別に追加したくありません。

私はこのようなHTMLを手に入れました。私の質問に簡単に答えられると思います：

今私が欲しいのは、それに焦点を合わせる#mainaと、qtip対応するクラスの状態が変わることselectorです。

しかし、私がこれを使用するとき:

これはもちろん、それに関連するすべてのツールチップを表示します

どうすれば目的を達成できますか?