問題タブ [jquery-hover]

ホバーする<td>と、900ミリ秒待機してから多くのリクエストが送信されます（これらの900ミリ秒で常により多くのtdsにホバーします）。私は何を間違っていますか？なぜclearTimeout （コメントされた）だけが機能するのですか？

私のポイントは、サーバーにアクセスする前に待機することです。ユーザー<td>がこの実行中のカウントダウン (900ms) でマウスを別の場所に移動すると、前のカウントダウンが中止され、新しいカウントダウンが行われます。

画像の行を作成しようとしていて、ホバーすると、価格やアイテムへのリンクなど、アイテムに関する詳細情報が表示されます。現在ホバーすると、詳細情報 (黄色) を含むボックスがアイテムの下に表示されています。右側に情報、左側にアイテムの画像を含む 1 つの要素として表示したいと考えています。また、次のアイテムをスライドさせたくありませんが、次のアイテムの上に情報表示の黄色のボックスを表示します。説明するのはかなり難しいので、基本的なコードを見てみましょう: http://jsfiddle.net/ryanabennett/bFZDL/1/

おそらく質問からわかるように、私はコーディングにかなり慣れていないため、さまざまな位置要素をずっと試してきましたが、何も機能していないようです。うまくいけば、あなたが助けることができます.

ここに私のHTMLがあります：

ここに私のCSSがあります:

これが私のJQueryです：

うまくいけば、あなたは私を助けることができるでしょう...

画像の行を作成しようとしていて、ホバーすると、価格やアイテムへのリンクなど、アイテムに関する詳細情報が表示されます。ホバーすると、Chrome、Safari、Firefox、および IE 8 で詳細情報を含むボックス (黄色) が正しく表示されます。ただし、IE 7 では、製品の画像 (青色の背景) がボックス (黄色) の上に表示されます。 ) が表示されます。説明するのは少し難しいので、リンクをチェックしてください: http://jsfiddle.net/ryanabennett/bFZDL/27/。完成品のイメージは次のとおりです: http://www.flickr.com/photos/61208628@N07/5937560243/in/photostream . 繰り返しますが、これは IE 8 および 9 では正常に機能しますが、IE 7 では機能せず、何が欠けているのかわかりません。

HTMLは次のとおりです。

CSSは次のとおりです。

Jクエリは次のとおりです。

うまくいけば、これを理解するのを手伝ってくれます。何か小さなものが欠けていることはわかっていますが、それを理解できないようです。前もって感謝します。

HOVER に基づく JQUERY メニューの構築。ユーザーが ID TYPO の上にマウスを置くと、TYPO ID の番号が抽出され、それが CAT の ID に渡されます。したがって、DIV ID = TYPO2 をホバーすると、DIV ID=CAT2 が表示されます。これは、マウスが離れたときにCATを非表示にしたいことを除いて正常に機能し、再度宣言してHOVER OUTでcatId変数を繰り返さない限り機能しません。これに別のより効率的な方法はありますか?

前もって感謝します

コード :

「イベント」という言葉を正しく使っていないかもしれません。これが私がやりたいことです：

「続きを読む」で始まるリンクがあります。ユーザーが「Ream More」リンクにカーソルを合わせてクリックすると、右側のパディングが少し拡大し、ホバリングが止まると縮小します。私はこれでかなり簡単にそれを行うことができます:

ただし、カーソルを合わせたときに「、お願いします」というテキストも追加したいと思います。を使用してそれを行うことができますが、思わ.append()ぬ障害に遭遇します。次のようにコードに追加すると:

その後、誰かがホバーするたびに、別の「、お願いします」が追加されます。可能であれば、最初のホバーで一度だけ追加したい。

さらに、ホバリングが止まっても「、お願いします」がそこにとどまり、離れないようにしたいと思います。.one()orを使用する必要があると思います.bind()が、それがどこに行くべきかわかりません。

どんな助けでも大歓迎です。前もって感謝します。

更新：私はいくつかの進歩を遂げました。以下を参照してください：

まず第一に、私は最終的に使用する方法を学び、それが と同じ方法.one()で機能することも学びました。だからここに私が持っているものがあります：.hover()mouseenter

だから私はそれで満足しています.もう少しフレアのためにそれとパディングアニメーションの両方を追加する方法を理解する必要があります.

私が持っているのは、views-row-1、views-row-2、views-row-3 ect と呼ばれる div タグでラップされた画像とコンテンツのリストです。

• div1 .views-field-field-inthepress-icon-fid .field-content

• div2 .views-field-markup .field-content

div1がホバーされたら、jqueryを使用してdiv2を表示し（cssでnoneに設定）、css div2を使用してdiv1の上に移動し、div1を非表示にします

コンテンツを非表示にし、JQuery を使用して表示しました。問題は、ホバーするとすべてのリストのすべてのコンテンツが表示されることです。

元のトリガー内にないホバーでサブメニューを表示/非表示にするにはどうすればよいですか？

私は次のコードを持っています：

HTML

Javascript

非表示/表示が機能しています。唯一の問題は、トリガーから離れると、サブメニューも非表示になるため、サブメニューで何もクリックできないことです。

CSSを台無しにするので、リストアイテム内にサブメニューを配置したくありません。トリガーからサブメニューにホバーして、両方を離れたときにのみサブメニューが非表示になるようにする方法はありますか？

手伝ってくれてありがとう！

これを行うためにjQueryが使用するライブラリになると思います。マウスオーバーで画像のソースを切り替えてから、マウスアウトで元に戻す方法は確かにわかります。しかし、どうすれば画像へのフェードと画像からのフェードでこの効果を達成できますか？

私はすでにjQueryCycleプラグインを使用してこれを達成しようとしましたが、失敗しました。これを行うもっと簡単な方法があるのではないかと思います。助けていただければ幸いです、何か考えはありますか？

読んでくれてありがとう。私のワードプレスサイトにいくつかのコードがあります。最初のコードは、画像に色、記事のタイトル、プロジェクトに移動するためのリンクを含むオーバーレイを追加します。2番目のコードは、jQueryを使用してajaxページ付けを追加します。

画像付きのプロジェクトとjqueryオーバーレイが完璧に機能しているのですが、ajaxページ付けを呼び出す前のプロジェクトリンクをクリックすると、jqueryオーバーレイが機能しなくなります。

私はさまざまなオプションを試してきましたが、おそらくそれを解決する正しい方法ではありません。誰かが手がかりを持っていますか？

前もって感謝します。

コード：

ユーザーがAJAX呼び出しの結果にカーソルを合わせたときに、その結​​果をdivに表示したいと思います（つまり、divの内容をAJAX呼び出しの結果に置き換えます）。基本的な機能は、ページ上のドットを、ユーザーがドットにカーソルを合わせたときにサーバーからのコンテンツを含む円に置き換え、ユーザーがカーソルを合わせなくなったときに再びドットを表示することです。ページ上に多くのドットがあり、それぞれがホバー時に異なる円の内容を持っている場合があります。

私はそれを機能させていますが、ユーザーが指定されたdivにカーソルを合わせている間、AJAX呼び出しが繰り返し呼び出されていることに気付きました。繰り返しの呼び出しを防ぐにはどうすればよいですか？

私はさまざまな使用法を試しましたが、まだ正しく機能していません.one。.unbind('mouseenter', 'mouseleave')

これが私が今持っているものです（ホバー動作はユーザーにとっては正しく機能しますが、バックエンドへの繰り返しの呼び出しを引き起こします）。

およびスクリプト：