問題タブ [jquery-hover]

ページ上の複数のオブジェクトで作業する必要があるため、(this) 呼び出し/関数を使用する必要があると 90% 確信しています。しかし、jqueryコードのどこに、またはどのように配置すればよいかわかりません。ユーザーが別のオブジェクトをロールオーバーすると、オブジェクトのホバー状態を作成しようとしています。これが私のjqueryコードです。これが理にかなっていることを願っています、ありがとう!

基本的に私が本当に知りたいのは、ホバー効果を適用したいページに複数の要素があることです。現在のように、1つのアイテムにカーソルを合わせるとすべてが変わりますが、知りたいのは親の上にロールオーバーしたときに子要素の css を変更する方法私は Div ラッパーを持っていると思います.Div の変更の内側にカーソルを合わせると、それはより理にかなっています. ! :)

みんな助けてくれてありがとう！私はちょうどこれを理解しました、私は使用する必要がありました - jQuery(this).find(); ありがとう！

このフィドルを参照してください：

http://jsfiddle.net/UfP3C/3/

各リストアイテムにはSVG要素が含まれています。

私の目標は、ユーザーがリストアイテムにカーソルを合わせると、Raphaelアニメーションが発生することです（その子svg要素に対して）。

次の問題が発生しています。

• マウスをゆっくり動かすと、JQuery.hoverは正常に機能します。ただし、両方のリストアイテムを（水平方向に）すばやくマウスで移動（およびオフ）すると、svg要素が「マウスエンター」のアニメーション位置で動かなくなることがよくあります。

アニメーションを期待どおりに機能させる方法を理解しようとしています。両方のリストアイテムをすばやくマウスで移動すると、最終的にsvg要素が「マウスリーブ」の位置になります。

上記のフィドルは、問題を示しています（FireFox5およびChrome13の場合）。

これは私の基本的なコードです:

これは、div がホバーされたときにオーディオを再生します。いくつかの div があります (それぞれが異なるオーディオを再生します)。

ただし、各 div の子要素 ​​(テキストなど) にカーソルを合わせると、オーディオが停止します。

これはバブリング/伝播に関係していることを理解しています。私はjQueryを使用していて、単純にevent.stopPropagtion();を追加しようとしました。機能にしましたが、うまくいきませんでした。

他のソリューションでは .hover() などを使用する必要があります。しかし、再生するファイルの ID を取得するにはどうすればよいでしょうか?

それが理にかなっていることを願っています。私が言いたいことを説明するのは難しいと思います。

どんな助けでも大歓迎です。

今私の作業コードは次のとおりです。

ユーザー入力に基づいてコンテンツが動的にロードされる場合は特に、.hover の前に変数を配置することが重要です。
私はそれを別の方法で使用していましたが、innerHTML を使用すると機能しませんでした。

現在、リンクにホバーフェードイン効果を追加しようとしていますが、それを達成しましたが、効果が発生している間、リンクは数秒間アクティブになりません。代わりに、リンク内のimg要素をフェードインしようとしましたが、機能しませんでした。.mouseover（）を.hover（）に切り替えても機能しませんでした。

コードは次のとおりです。

助言がありますか？？これが起こっているページは次のとおりです:(中央に大きな灰色のボタンの列があります）

タイトルがそれを十分に説明しているかどうかはわかりませんが、かなり短くしようとしていました!

そのため、ページの周りに散らばっている多数の画像があり、それらすべてのライトボックス ギャラリーを作成しました (.cboxElement はそれを呼び出すクラスです)。これに追加したかったのは、ライトボックスの影響を受ける各画像のホバー効果で、ユーザーはズームできることがわかりました。

問題：

私はサイトの元のコードを書いていません。これは新しい機能です。画像間でクラスに一貫性がないため、次のように、各画像の前に、ホバー メソッドが参照する一意のクラスを持つタグを追加する必要がありました。

この直後に、ホバー効果を使用しました。

問題は、ページ上の画像にカーソルを合わせると、ホバー効果がすべての画像に同時に表示され、ホバーしている画像だけに影響を与える方法がわからないことです。

私に何ができるかについて誰かアイデアがありますか？

どうもありがとう、

ジョン

画像にカーソルを合わせると、画像の上に情報が表示される画像ホバーのコードがあります。コールバックでqueue：falseを使用することで、ユーザーがアニメーションに何度もカーソルを合わせたときにアニメーションが何度も起動するのを防ぎました。

私の問題は、mouseOverINGに少し夢中になった場合、ホバー状態のフェードイン/フェードアウトにより、ホバー画像が表示されなくなるまで情報の不透明度が低下することです。

遊んでみたいと思ったら、これが私のjsfiddleです。

http://jsfiddle.net/bkbarton/qrprD/

ありがとう

私は以下のコードを持っています：最初の関数は、rel atributeを使用してマウスオーバーで代替画像を表示します2番目の関数は非表示のdivを取り、同じページの別の場所にコンテンツを表示しますが、画像にカーソルを合わせても画像は変更されません、非表示のdivでのホバーは機能しますが、他の場所でクリックして移動した後、ホバーは機能しません。準備ができたらページを変更するので、ドキュメント準備ができたスクリプトかもしれないと思いますが、よくわかりません。アドバイスはありますか？ありがとうございました

}）;

実際の例: http://jsbin.com/axaqoc/2

子選択ボックスを選択しようとすると、マウスが親要素から離れたと考えて、ドロップダウン メニューが非表示になります。

js コード: (完全なコード: http://pastie.org/2624436 )

選択ドロップダウンメニューでバブリングを停止するにはどうすればよいですか? (ちなみに、これは chrome では正常に機能しますが、他のブラウザーでは機能しません。)

html コード:

私はこれの小さな部分が欠けていることを知っています...しかし、このようなマークアップの場合:

私は次のjqueryを持っています

私がやりたいことは、「a.menusegment」に含まれる div の上部境界線の色を変更することです

どんな助けでも大歓迎です。

ありがとう！

同じID（#viewport_outer）を持つ複数のdivがあり、ホバー時に別のdiv（＃icon-hover）に配置されたアイコンを表示しようとしています:::アイコンを表示させることができます（不透明度1 ）:::

問題は、すべての（#viewport_outer）divの関数をバインドできないことです:::任意のdiv（#viewport_outer）にカーソルを合わせると、アイコン（＃icon-hover）が最初の（上部）divにのみ表示されます： ：：：

これが私のHTMLです：

これが私のjQueryです、私はそれを変更しようとしましたが、それを機能させることができません:::どんな助けもいただければ幸いです:::