問題タブ [jquery-hover]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
425 参照

jquery - Jquery アニメーションとホバー

jqueryでアニメーションを作ろうとしています。

この関数を使用すると、ホバー時に img.hover が表示されます。それが最初の作業部分です。

今、私は無限のアニメーションを作りたいです:

しかし、マウスがdiv(.map1、.map2など)の上にあるときに、divのimgクラスのホバーを表示する必要があります。マウスが div wrapper_map を終了すると、無限アニメーションが再開されます。

私は本当にこのようなことをしたいのですが、助けが必要です!!

どうもありがとう

0 投票する
2 に答える
1619 参照

jquery - jquery - ホバーを使用して画像を表示する

現在、CakePHP と jquery を使用しています。望ましい結果の配列が得られました。その配列を出力として表示する必要があります。配列値の 1 つには、配列内の値のイメージに対応する「イメージ ID」が含まれています。私がしなければならないことは、配列のデータの上にマウスを置いたときにのみ、これらの画像を表示することです。現在、ページが読み込まれるとすべての画像が読み込まれます。これにより、ページの読み込み時間が長くなります。ホバー アプローチでは、ページが読み込まれたときではなく、マウスがホバーしたときにのみ画像が呼び出されます。

私はjqueryの初心者です。どうすればできるのか知りたかっただけです。誰かが何か始め方を教えてくれたら、それをやってのけることができます。どんな助けでも大歓迎です。さらに情報が必要な場合はお知らせください。

よろしく、 BG

0 投票する
2 に答える
12773 参照

jquery - jQueryホバーメニューでサブメニューを開いたままにするにはどうすればよいですか?

先週 jQuery でコーディングを始めたばかりで、メニューを適切に機能させる方法を理解するのに助けが必要です。それぞれ独自のメニューを持つ 3 つのタブがあります。ページが表示されると、メニューとサブメニューが自動的に表示されます。表示されたら、ユーザーはタブの上にカーソルを置いて他のサブメニューを表示できます。ホバーを停止すると、元のサブメニューが表示されます。

私の問題は、他のタブのサブメニューを表示することはできますが、ユーザーがサブメニュー項目をクリックするためにサブメニューを開いたままにしておくことができないことです。他のチュートリアルでは、サブメニューが親要素内にネストされている場合にのみこれを行う方法を示していますが、メニュー構造のコードにはサブメニューがネストされていません (これは、プロジェクトに参加したときのコードです)。ユーザーがそれぞれのタブにカーソルを合わせた場合、サブメニューを開いたままにする方法はありますか?

ここに私のメニューHTMLがあります:

これまでの私のjQueryは次のとおりです。

0 投票する
1 に答える
320 参照

jquery - 「mouseleave」を一時的に抑制するためのより良い解決策

mouseleave基本的に、要素がクリックされた後にバインドを解除します。しかし、別の要素がクリックされたときにmouseleave、この要素の -event が再び機能するようにしたいと考えています。私のコードは機能していますが、コード内で何度もアニメーションを繰り返すため、かさばります。

mouseleaveバインドを解除して「再バインド」する以外に一時的に抑制する方法はありませんか? 助言がありますか ?

これがjsfiddleの私の例です

HTML

JS:

0 投票する
1 に答える
2327 参照

jquery - jQueryホバー関数が「BxSlider」ループで機能しない

こんにちはみんな私は少し奇妙な問題を抱えています、そして基本的にこのページで:

http://www.carbondelight.co.uk

BxSlider(http://bxslider.com/)を利用した無限ループ上に6つの画像/製品がありますが、そのビットは単純です。

次に、それぞれの商品画像にカーソルを合わせると商品名を表示する関数をjQueryでコーディングしました。

私が抱えている問題は、ホバリングが各ループでのみ機能し、次のループにクロスオーバーしないことです。たとえば、前述のページを見ると、ループの最後の画像が赤い車の後部座席2つであることがわかります。その画像とその隣のボートの画像の間にカーソルを合わせると、次のようになります。製品名は変更されません。ただし、completleyを次のループに移動すると、すべてのjQueryが再び機能します。そして、私の一生の間、私はこの問題を解決することはできません。誰かアイデアはありますか?

よろしくお願いします。

ダニエル。

コードはこちらです。

HTMLはここにあります

0 投票する
2 に答える
269 参照

javascript - 画像の入れ替えが元の画像に戻らない

ホバー時に問題なく画像を交換するJavaScript画像スワップがありました。highslide.js を実装したところ、マウス アウト時に下の画像が元の画像に戻りません。

助言がありますか?

私のスクリプトは次のとおりです

そして私のhtml

ここで例を見ることができます http://www.flyfishinggreyriver.com/index2.html

ありがとうございました!!

0 投票する
1 に答える
493 参照

jquery - jquery simplemodalにより、hover()が複数回トリガーされますか?

ここでうまく機能する簡単なhover()イベントがあります:http ://waterworks.reuniondesign.com/rates (伝票番号の1つにカーソルを合わせる)

そして、それは私がそれを隠していないここのホームページでうまく機能します:http ://waterworks.reuniondesign.com/ (下にスクロール)

しかし、ホームページの「マリーナのレイアウトはここをクリック」をクリックして、divをシンプルなモーダルボックスにすると、スリップ番号を1回マウスオーバーすると、hover()イベントが2回トリガーされます。何故ですか?変数を設定して、すでに起動されているかどうかを確認してみましたが、うまくいきませんでした。何か案は?

ホバーイベントを実行するコードは次のとおりです。jLoaderはajax関数です。

最後に、append()関数の前に遅延関数が機能しない理由を誰かが知っているなら、私は知りたいです!

0 投票する
3 に答える
147 参照

jquery - jquery コードの改善。ホバー関数、最初の関数で値に関する情報を取得しようとしています

私は学習者なので、まだ経験が必要で、多くの質問がありますが、今日はホバー機能について 1 つだけ質問があります。

最初のホバー関数から2番目のホバー関数に変数に関する情報を送信することは可能ですか? これ以上の情報は必要ないと思います。タグの src から一部を変更しているだけです。

あなたが私を理解してくれることを願っています。=)

ここに例があります

http://jsbin.com/eporib/edit#javascript,html,live

今見てはどうですか!

そして、どのように私はそれをしたいです

0 投票する
1 に答える
1008 参照

jquery-hover - easy Slider 1.7 (ホバー一時停止)

問題があります。簡単なSlider 1.7を使用していますが、要素の一時停止ホバーに問題があります。一時停止ホバーは機能しますが、私が望むようには機能しません。ページの上部にあるこの例でわかるようにhttp://www.graphicvision.ro/projects/forex/index.php、スライダーはマウスのホバーで一時停止します。たとえば、画像またはテキストをホバーしますが、要素(テキストなど)から画像要素に移動します。スライダーにいても次のスライドを再生します。スライダー内の任意の要素にカーソルを合わせて一時停止したままにしたい。