最初に申し訳ありません...私は以前にこの質問を投稿しましたが、それを説明するのに悪い仕事をしました。hoverIntentを次のJavaScriptにプラグインするのに問題があります...以下のmouseenterおよびmouseleave関数を置き換えるために必要です。明確にするために、私はJavaScript構文があまり得意ではないので、助けを求めています。以下の2番目のコードスニペットは機能するはずですが、何も実行せず、InternetExplorerでは完全に機能していないようです。

他のブラウザで以下を使用していますが、InternetExplorerでは機能しません。

カーソルを合わせると下にスライドするドロップダウンを作成しています。これは私が持っていたコードです。この目標を達成するためにHoverIntentを使用したいと思います。

.menu_imgは、リストのスライドダウンを開始するためにカーソルを合わせた画像上のクラスです。

.page_navは、.menu_imgにカーソルを合わせると下にスライドするリストのクラスです。

HTML

これは私が持っているコードです。これは、imgをクリックすると機能しますが、.clickを.hoverに切り替えると、liに移動しようとしたときにホバーアウトします。これが、hoverIntentプラグインを導入した理由ですが、作成しようとしている適切なソリューションを取得するためにそれを統合する方法がわかりません。

ところで、私はHTMLコードを含めませんでしたが、その単純な画像と私が知っているulliタグは正常に機能しています。表示があります：なし。ul liで、レイアウトで適切に機能するようにいくつかの作業を行いました。（通常のドロップダウンとはレイアウトが少し異なります。）いずれにせよ、CSSが正しいと確信しているので、Jqueryの記述方法を理解する必要があります。ありがとう！

jQ MegaMenu を自分の Web ページに配置しようとしています。Geek Tantra のプラグイン ( http://www.geektantra.com/2009/09/jquery-mega-menu/ ) を使用し、そこからいくつかの小さな変更を加えました。

問題 - メニューが画面の中央にある - そのため、ユーザーがメニューをアクティブにせずにナビゲーション メニューをマウスで通過できるようにする必要があります。

jq hoverIntent プラグインを使用しようとしましたが、これにより、プラグインを開くメガメニュー ウィンドウを使用できなくなりました。すぐに閉じるようになり、メニューが正しく動作しなくなりました。ここのサンプル... http://jdshipengrover.com/megamenutest/megamenu-intent.html

私もsetTimeout jq関数を試しました-しかし、今ではトリガーが通過するたびにメニューが開きます-メニューを開かないことを知りません...ここに例があります... http://jdshipengrover.com/megamenutest/megamenu -timeout.html .

私は必要なものを手に入れようとしていますが、そこにたどり着く方法がわかりません。どんな助けでも大歓迎です。

ここに実際の js を投稿する必要がある場合は、お知らせください。助けてくれてありがとう。

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

クラスyearInnerでdivを非表示にし、クラスyearで含まれているdivにカーソルを合わせると、yearInnerdivがオンになります。

正常に動作します。ホバーの代わりにhoverIntentプラグインを使用したいと思います。hoverIntentではまったく機能しません。提案？

参照用のDiv構造：

私は画像のセットを持っており、それぞれについて、0.5秒ほどロールオーバーして別の画像にちらつき、マウスがまだ画像の上にある場合でも（つまり、マウスアウトがない場合でも、元の画像に戻ります） ）。

setTimeoutが提案されましたが、正しく使用する方法がわかりません。

http://thepool.ie/rollover/

ページの例があります...ロールオーバーで表示される画像を表示してからすぐに消えてほしいのですが。

私は例のためにウェブを調べましたが、何も見つかりません...どんな助けでも大歓迎です。

ありがとう、アンドリュー

編集：

これは私が現在ホバー画像に使用しているコードです

}）;

私は問題をよく説明したいと思います!? ここで見ることができます：

http://dealmob.de/index_dev.html

メニューを上下にすばやくホバーすると、残っていないことがわかります。代わりに、マージン/パディングを数ピクセル変更するようにちらつきます。

この問題を解決する方法について何かアドバイスはありますか?

どうもありがとう

リクエストのように:

私は本当に立ち往生しています。基本的に私はjqueryを初めて使用しますが、マウスがページ全体に移動してもページが台無しにならないように、マウスオーバーに何らかのタイマーを追加する必要があります。これが私のスクリプトです.. とにかく簡単に実装できますか?

乾杯。

私はjQueryに慣れてきましたが、コードを何度も繰り返していることに気づきました...

確かにこれを書くためのより簡単な方法があります：

hoverIntentの遅延も設定したいのですが、現在のコードの記述方法ではこれが不可能だと思います...？

Son Tonaka のメガ ドロップ ダウン w/CSS & jQuery sohtanaka.com/web-design/mega-drop-downs-w-css-jquery に触発されたメガ ドロップ ダウン メニュー システムに jQuery hoverIntent.js スクリプトを使用しています。私のページには、サードパーティのサプライヤーによって挿入されたprototype.jsスクリプトが含まれています（これは、物件検索およびリード管理コンテンツをロードする不動産Webサイトです）。タグの直前に最後にロードされます。私のメニュー スクリプトと jQuery 呼び出しは、タグの先頭に読み込まれます。以下に、2つのリンクを含めました。最初のリンクは、prototype.js への呼び出しをコメント アウトしたもので、メニューは正常に機能します。2 番目のリンクには、prototype.js への呼び出しがあり、ドロップダウンは機能しません。

1. 作業ドロップダウン: http://www.myreoforeclosures.com/_menutestfromcode.html (prototype.js はコメントアウトされています)

2. 動作しないドロップダウン: http://www.myreoforeclosures.com/_menutestfromcode2.html (prototype.js が動作している場合)

jQuery Web サイトで提案されている jQuery noConflict() 解決策のさまざまなバリエーションを試しましたが、私の人生では、競合を解決することはできません。ドロップダウンをテストするために、上記のリンクを CSS と HTML の基本のみに減らしました。

Web 2.0/CSS/jQuery を使用して急な学習曲線を登っていることに注意してください。これらのツールを使用して Web サイトを設計するのはこれが初めての試みです (以前のテーブルベースの Web サイトに対して)。

jQuery とプロトタイプを連携させるための助けをいただければ幸いです。私は jQuery スクリプトしか制御できないため、すべての解決は jQuery に対して行う必要があります。私は、prototype.js を制御できません。

このレイアウトにいくつか問題があり、ホバー状態で表示されるリンクが表示されます!

これは、データを表示しているテーブル行のサンプルです...

そしてジャバスクリプト！

ご覧のとおり、このように設定されているため、各行の「データ」リンクには、その行を削除するように設定された div リンクが表示されます。以前に hoverIntent を使用したことがありますが、使用しようとした方法では機能していないようです (以下)。

ただし、最初のスニペットのように一度に 1 つずつではなく、すべての行が一度にホバリングされていることを示しています。

結局のところ、大量のとりとめのない話の後、どのようにして hoverIntent をそのスニペット (または、おそらく私が忘れていたかもしれないスニペット) に統合して、このような状況にするのでしょうか?

どうもありがとう！