問題タブ [jquery-hover]

行のテーブルがあり（duh）、列の1つに、ホバー/マウスオーバー中に2つのボタンを表示させようとしています。現在、これは幅/高さが設​​定され、背景の配置が設定されたアンカータグです。

これは、非表示にしない場合の外観です。

完成品の良い例は、groovesharkのホバーコントロールです。

基本的に、現在ホバーされている画像を除いて、すべての画像を非表示にするにはどうすればよいのでしょうか。次に、その行にはそれらの画像が表示されますが、マウスが別の行に移動すると消えます。

HTMLコード：

JSコード：

下のようなボタンがあります。ボタンのリストがあります。ユーザーがクリックすると、javascript関数を実行し、ajaxリクエストを作成します。リクエストの応答が成功した場合は、ボタンタグのステータス属性を変更します。1から2に変更します。

属性status=1の場合、ボタンにカーソルを合わせたときにユーザーにテキストを表示させたい。

属性status=2の場合、ボタンホバーで何も表示されないようにします。

以下のように試しましたが、status = 2の後でも、ホバーするとボタンのテキストが変わります。どうすればこれを修正できますか？

私は非常に多くのオプションを試しましたが、結果はありませんでした。しかし、私はこのコードを持っています

これらのdivと画像

現在class="news"、デフォルトは ですdisplay: none;。このjQueryで

activeとして定義されているクラスを追加することにより、ホバー時にdivが表示されdisplay: block;ます。マウスがメニュー上にあるときに、このクラスを再度削除したいと思い<ul>ます。ただし、マウスがメニューから離れると、最後にホバーしたものがホバーされた<li>ままになり、画像のある div も表示されたままになります。どうすればそれを理解できますか？

ありがとう！</p>

これらのポップアップが個別にではなく一緒に表示される理由を誰かが明らかにすることができますか？

私の意図は、隣接するツイートにカーソルを合わせたときにのみポップアップが表示されるようにすることです。

http://jsfiddle.net/P2FsR/

ホバリング時にアニメーションが必要です

この質問はやや関連しているようです

• マウスがjQueryの要素の上にあるかどうかを確認するにはどうすればよいですか？
• jQueryは、トリガーを開始する前にホバーステータスを確認します

しかし、まだ完全ではありません。これが重要です。私は小さなギャラリーを書いていて、ある時点でユーザーがサムネイルをクリックします。画像の大きいバージョンは、フルスクリーンの内部として表示されます。ここまでは順調ですね。マウスをその上に置くと、3つの画像が表示されます。閉じる、左、右、アルバム内を移動するためのものです。マウスが画像またはナビゲーション画像を離れると、3つのナビゲーション画像がフェードします。

これらの3つのナビゲーション画像は、メイン画像と部分的に重なっています。たとえば、閉じる画像は左上隅の円です。そして、それはトリッキーな部分です。

マウスがメイン画像から横に移動するか、メイン画像から3つの小さな重なり合う画像のいずれかに移動するたびに、mouseleaveがトリガーされます。mouseenterは、期待どおりに重なり合う小さな画像ごとにトリガーします。

ただし、これによりファンキーな点滅効果が作成されます。これは、メイン画像のマウスリーブ時に3つの小さな画像をhide（）するためです。これにより、オーバーラップし、マウスがメイン画像の上にあるため、メイン画像のmouseenterがすぐにトリガーされます。

これを回避するために、メイン画像をマウスで離れたときに、マウスが重なり合っている小さな画像の1つに移動したかどうかを確認しようとしました。そのために、私はこのコードを使用しました：

これはSafariとChromeでうまく機能しますが、画像がまだ点滅しているFFとIEでは機能しません。投稿をさらにいじくり回すと、「：hover」は適切なセレクター式ではなく、CSS疑似クラスであるため、ここで問題になっているようです。

さまざまな画像をマウス入力/マウスリーブするときにオン/オフを切り替えるスイッチを操作しようとしましたが、イベントが異なる順序でトリガーされるように見えるため、どちらも機能しません。

どうすればこれを行うことができますか？ありがとう！

編集：明確にする必要があるかもしれません：ナビゲーションボタンが表示される前に、メイン画像の位置に応じて配置するために、それぞれの左属性と上属性を設定します。つまり、jQueryセレクターで.show（）を呼び出す前に、いくつかの作業を行う必要があります。新しい関数.placeShow（）を追加しようとしましたが、$（ "。nav-button：hidden"）。placeShow（）のようなセレクターに関してはうまくいきませんでした。

こんにちは、誰かが私を助けてくれることを願っています。nivoslider をセットアップしましたが、contral-nav サムの操作方法を変更したいと考えています。サムネイルをクリックするとメイン画像が変更されます。これをホバーに変更したいと考えています。nivoslider プラグインで次の行を見つけました。

次に、.live('click, を 'hover' に変更し、ホバーするとスライダーが変化します。問題は、前のサムネイルにホバーしようとしたときに発生します。メインの画像は変化しません。もう一度変更します。誰かアイデアはありますか?

ありがとう

質問は少し複雑かもしれませんが、言い換えれば、メニューがあります ( jsfiddleを参照)

div にカーソルを合わせると、ドロップダウンが表示されます。マウスを離すと、ドロップダウンが消えます。ここまでは順調ですね。

問題は、マウスがドロップダウンの上にある場合でもメニューを開いたままにしたいということです。

いくつかのコード:

誰かが私の質問を再フレイズして、私の言いたいことを言うことができるなら、そうしてください。

ありがとう

更新：この質問を参照してください：リンクを通過するときに（マウスをフォローしている）iframeを非表示にする方法は？（ベストソリューション）

オブジェクトが画面上のあらゆる場所でマウスを追跡する機能を作成しようとしていますが、マウスがリンクにカーソルを合わせると、マウスの動きが停止する必要があるため、マウスを追跡しているオブジェクトがリンクをクリックしても干渉しません。そのために、リンクIDとして使用する#safecssを作成しました。'mousemove'のバインドを解除してバインドしようとすると、マウスがリンク上にあるときにバインドが解除されますが、マウスがリンクから離れたときにバインドされません。どうすればそれを解決できますか？

ここに私のフィドル：http：//jsfiddle.net/czdpY/

このコードは、チェックマークの画像をブロックする div を作成し、右にスライドしてチェックマークが描かれているように見せます。ユーザーがほんの一瞬だけホバーしても、ユーザーがしばらくホバーしたままであるかのようにコードを実行することを除いて、すべて正常に動作します。現在、ユーザーがホバリングを停止すると、アニメーションが停止します。ありがとう！