問題タブ [qtip2]

サイトのユーザーが投稿を送信する前にプレビューできるようにしたいと考えています。クラス「.input_form」のページにいくつかの異なるフォームがあります。次のコードは、クラス '.preview_post' を持つボタンにクリック関数をバインドして、それぞれのフォームをシリアル化して処理します。これとは別に、qTip2 インスタンスを同じボタンにバインドしています。この qtip は、AJAX 呼び出しによって動的に入力される div、「#preview_pop」を表示します。AJAX 呼び出しが返されるように、qTip にわずかな遅延を含めました。以下のコードは問題なく動作しますが、最初のクリックで常に表示されるとは限りません。qtip API を使用してこれを行うより良い方法があるはずです。何時間も試した後、それを機能させることができません。どんな助けでも大歓迎です！

ページ上に約500のリンクがあり、qTip内に表示するテキストと説明の属性があります。マウスにカーソルを合わせるとqTipが1回だけ表示され、2回目にカーソルを合わせると何も起こらず、エラーも発生しません。

リンクはページが読み込まれるときに読み込まれます。読み込まれた後は何もしません。とにかくjQueryライブイベントを使用しようとしましたが、それは役に立ちませんでした。

私はグーグルのcdnからjQuery1.7.1を使用しています。では、私のコードの何が問題になっていますか？

PS：うわー！qTipサイトのデモも1回だけ起動することに気づきました。私は本当に混乱しています、なぜそうなのですか？

多くのツールチップを含むページがあります。ボタンをクリックするたびに個別に表示/非表示にしたい。私にはうまくいきません。誰か助けてもらえますか？

ありがとうございました

アプリケーションでqTip2を使用しています。次のjQueryを使用して達成しているtooptipfication：

現在、次のようにレンダリングされています。

• ファイアフォックス:
• IE8:

ご覧のとおり、丸みを帯びた角は IE8 ではなくなりました。また、x、y の先端の調整が機能していません。私はqTip2のこの特定の問題の解決策を探しています. これを解決する方法はありますか？

この種の問題を抱えていない、利用可能なより良いTooptipライブラリはありますか?

ユーザーが「x」をクリックしてqtip2モーダルを閉じると、jqueryで何かをトリガーしようとしています。

私のモーダルのJSは次のとおりです。

「hide: function(event,api) {」行に気付いた場合、ユーザーがモーダルの外側をクリックしてモーダルを閉じると、これは正常に機能しますが、ユーザーが「x」をクリックしてモーダルを閉じると、単に閉じます。モーダル。ユーザーが「x」をクリックしたときに「何かをする」にはどうすればよいですか?

ありがとう。

qTip と Google マップを使用してイベントに場所をすばやく追加するための内部管理インターフェイスを作成しようとしています。単純化されたフィドルは次のとおりです。http://jsfiddle.net/mykel_suthertun/RWtRe/

現在、2 つのバグを除いて動作します。

1. qTip を開くたびにマーカーが複製されます。(解決済み。以下のコメントを参照してください。)
2. 現在、マップの中心またはマーカーが定義されていないマップを開くことはできません。

Re: #1 - 意味を確認するには、右側のピン アイコンをクリックします。クリックしてオフにします。クリックして再度開きます。現在、同じ場所に 2 つのマーカーがあります。一度だけ作成する必要があります。

これは、マーカーが「レンダリング」ではなくqTipの「表示」イベントで作成されているためだと思います。「レンダリング」に移動すると、マップを表示する際にエラーが発生しました。

Re: #2 - このバグを表示するには、ターゲット アイコンのいずれかをクリックします。マーカーまたはセンターが定義されていない場合に、デフォルトのマップ状態を開くために必要なだけです。これを処理するためにコードをどのように調整しますか?

jQueryとqTip2を使用して、イメージ マップ上の地理情報を表示しています。JSFiddle |ここでデモを見ることができます。フィドルスクリーンの結果

デスクトップ ブラウザでは、すべて正常に動作します。ホバーするとツールチップが表示され、クリックするとタグで定義されたURLに移動します。href

ただし、モバイル サファリ (iPad/iPhone) では、URL へのリンクを取得することはできません。地図をクリックするたびに、PC にカーソルを合わせているように見えますが、クリックすることはありません。

画像は標準の html で作成されます。

また、マップは標準の html で作成されますが、属性 tooltip ⁽¹⁾が追加されています。

jQuery は⁽²⁾で非常に小さいです:

では、どうすればこの問題を解決できますか?
 
 
 

⁽¹⁾この属性は data-tooltip であるべきだとわかっています。これはすぐに変更されます。

⁽²⁾イメージマップのデモに基づく

私は素晴らしい jquery ツールチップ プラグイン qtip 2 を使用しています。まだチェックしていない場合はチェックしてください。 http://craigsworks.com/projects/qtip2/

定義済みのツールチップ スタイルを使用するのではなく、ツールチップ用に独自のカスタム css (ツールチップの色、境界線、背景、半径など) を定義する方法を知っている人はいますか?

私が試したこと：

• 彼らのスタイル ガイドを確認しましたが、独自のスタイルを定義することについては何もありませんでした。http://craigsworks.com/projects/qtip2/docs/style/
• フォーラムを試してみましたが、ダウンしていました (今すぐバックアップ)
• 独自のツールチップ クラスを作成して参照するには
• qtip バージョン 1 のスタイル定義を変換するには (失敗)

この質問が役に立った場合は、お知らせください。

現在、アプリケーションでREDMONDテーマを使用しており、qtip2ツールチップにのみTHEMEROLLERテーマを使用する必要があります。ツールチップをウィジェットとして定義したので、テーマローラーを使用する必要があります。私が決めることができないのは、私のjavascriptファイルにthemerollercssファイルを追加する方法と場所です。

助けてください。

ヘッドセクションのcssファイルは次のとおりです。

私のjsファイルの最後にあるjavascriptファイルは次のとおりです。

私のqtip2ステートメントは次のとおりです。

現在、イベントがカレンダーに動的に取り込まれています。次に、イベントにマウスオーバーすると、qTip (jquery プラグイン) がポップアップし、ポップアップ ダイアログが表示されます。

現在、カレンダーの項目を「完了する」ための「リンク」があり、この JavaScript を使用してリンクから情報を取得しています。

イベント「className」->「.complete」を実行して更新する方法はありますか実際の「イベント」を取得する必要があることは知っていますが、jQueryでそれを行う方法がわかりませんqTip機能。

これが理にかなっていることを願っています。何か方向性があれば、それは大歓迎です。

更新されたコード:

console.log(eventNew); に書き込むと、NULL として返されます。そして、eventId が (17836) などの実際の eventId で応答していることを知っています。

他の考えは大歓迎です！

このページの完全な JS スクリプト: http://jsfiddle.net/ah73B/