問題タブ [bubble-popup]

問題を示すライブ URL の動作:

http://69.24.73.172/demos/newDemo/test.html

HTML :

これは、すべての主要なブラウザの問題です。マウスがアンカー リンクの下半分に入れば問題ありません。強調表示され、ポップアップが表示され、リンクをクリックできます。

リンクの上半分に入ると、マウスが 1 ピクセルでも移動するまでクリックできます。その後、リンクが非アクティブになり、領域を出て、再度領域に入ってクリックする必要があります。

アンカー リンクがかなり使い物にならなくなるほどの問題です。

CSS

参考までに、アンカーリンクからポップアップボックスを外すと、リンクは正常に動作します。jQuery Bubble Popup v.2.3.1 を使用しています。

jQuery Bubble Popup v 2.3.1 http://www.vegabit.com/jquery_bubble_popup_v2/を使用しています

選択可能なtrueを持つ2つの隣接する要素でこれを使用しているときに問題が発生しています。マウスを 1 つに重ねて、バブルの上にマウスを移動すると、マウスがバブルの後ろにある他の要素に到達すると、最初のバブルの上に 2 番目のバブルが表示されます。一度に 2 つのバブルが表示されることを意味します。

バブルが表示されている場合にのみバブルを表示したい (表示されているバブルの背面ではない) と、一度に 1 つのバブルの上にマウスを置きます。助けてください！

改札で情報バブルを作成する方法はありますか？私は例えば？小さな丸い画像として、ホバーすると、テキスト/画像/コンテンツが含まれるバブルが飛び出します。実際にはモーダルウィンドウに少し似ていますが、疑問符にカーソルを合わせると表示および非表示になり、疑問符の近くに表示されます。それを行うための既知のコンポーネントはありますか、それともホバリング状態に反応する独自のモーダルウィンドウを作成する必要がありますか？

私はこの Jquery プラグインを使用しています: http://www.vegabit.com/jquery_bubble_popup_v2/

完璧に動作します。

ここで、サイドバーのテキスト リンクなど、ページの他の領域 (バブルを直接トリガーしない) で ShowBubblePopup イベントを使用したいと考えています。

動いていない

上記のコードをJqueryスクリプトタグ間の「頭」に入れるだけですか?

私の頭のコードブロックの関連する領域は、現在どのように見えるかです:

私が今使っているアプリケーションがあります。これは、バブルメッセージングにシステムトレイを使用します。つまり、アプリケーションに関する有用な情報をユーザーに通知します。

ユーザーが「メトロ」モードのときにこれがトリガーされた場合でも、これは表示されますか？

jquery を使用して、Web サイトhttp://www.mobileapps.coのポップアップ バブル ヒントを作成していました。これはモバイル アプリケーションの Web サイトであり、動的に駆動されます。ホームページのすべての製品について、次のコードを使用していますが、一部の製品でバブル ポップアップが表示されません。

PHPで動的に駆動される私の Web サイトmobileapps.coでは、データベースから製品を取得しています。また、各製品のバブル ポップアップを作成するために jquery を実行しています。

すべての製品に対して JavaScript をループするにはどうすればよいですか。次のコードを使用しています。

私はバブル テキストをポップアップしようとしていました。そのため、バブル テキストがポップアップするはずのヘルプ アンカー タグの上にマウスを置いたときのコードを以下にコードしましたが、うまくいきません。同じことを手伝ってください。

これが私のコードスニペットです。

Qtip のように、DOM 内の要素のポップアップを作成しています。このためのプラグインがたくさんあることは知っていますが、自分で作成したかったのです。

基本的に、コードの機能は次のとおりです。

要素をホバーし、その要素をオフセットして少し変更し、ポップアップが要素の上にくるようにします。

ポップアップ要素を表示し、ホバーされた要素に従ってその位置を変更します。

でも失敗したみたいです。IE7 では動作しません。IE7 で要素をホバーすると、ポップアップが正しい場所に表示されますが、ホバーされた要素の位置が変わります。

JSfiddle: http://jsfiddle.net/egj46/

テキストにカーソルを合わせるとポップアップするポップアップバブルがあります。動的に使用しようとしていますが、バブルの高さに関係なく、常にテキストの中央に配置することはできません。考えられることはすべて試しましたが、うまくいきません:\

フィドル: http://jsfiddle.net/jq2wz/1/