問題タブ [hoverintent]

私は多くのホバリング可能なdivを含むプロジェクトに取り組んでいます。私はこれを行うアニメーションを書きました：

マウスオーバーすると画像がフェードアウトし、コールバックとして情報を含むdivがフェードインします。次にマウスアウトすると情報divがフェードアウトし、コールバックとして画像がフェードインします。私はhoverIntentプラグインを使用しています。

私の問題は、divを十分に長くとどまると、すべてが正常に機能することです。ただし、300ミリ秒と言ったままにすると、アニメーションは停止しますが、情報divを示すコールバックが呼び出され、マウス出力イベントは無視されます。その結果、情報divが永続的に保持されます...

これが私のコードです：

あなたが私を助けてくれることを願っています！

X、Y、ZなどのアイテムがありますhoverIntent。ホバリングイベントに使用します。XIにカーソルを合わせると、そのような種類のコードを含むツールチップが表示されます。

したがって、1秒間表示されます。YまたはZにカーソルhidePopup()を合わせてXを実行し、のタイムアウトをクリアするとhoverIntent、1秒間表示されなくなります。多くのことを試しましたが、うまくいきません。

誰かがこれについての経験がありますか？

私はサイトの 3 つのセクションをアニメーション化するために jQuery を使用しています: http://oceanic.medialounge-dev.co.uk *ロールオーバーと言うもの)

それらは、奇妙に動き回るだけの IE8 を除いて、すべてのブラウザーで正常に動作します。皮肉なことに、IE7 では正常に動作します。理由はわかりません。

変数は、ボックスが小さいため、内側のページにいるかどうかを確認するためのinnerBoxものです。hoverIntent プラグインも使用していますが、通常のhoverハンドルを使用したときに同じ問題が発生しました。誰でも私を助けることができますか？

前もって感謝します！

私はこの hoverintent プラグインとそれが私を困惑させていることを理解しようとしています。ここに私が持っているものがあります:

ユーザーがリンクを1〜2秒間強調表示してURLを表示した後、簡単なツールチップを表示しようとしています。これは私が使用すべきものですか？どんな助けでも大歓迎です。

上の行に一連のカテゴリを表示するメニュー バーがあります。

カテゴリの 1 つに一連のサブカテゴリがあります。

サブメニューをslideDownし、マウスが離れるとslideUpするように、hoverIntentを設定しています。

ただし、このカテゴリのページを表示している場合は、アクティブなカテゴリが強調表示された状態でサブメニューが表示されるようにしたいと考えています。また、サブメニューがマウスを介して操作されたときに、マウスが離れると再びスライドアップしないようにしたいと思います。

このページの要素で hoverIntent 関数を再宣言しようとしましたが、機能しません。まだ以前のバインディングを使用しています。以前の hoverIntent のバインドを解除し、新しいものを使用することを確認する方法はありますか?

hoverIntent プラグインを jQuery コードに追加して少しスムーズにしたいのですが、その方法がわかりません。

私のjQueryはすでに正常に動作しています。

しかし、ホバーインテントが望ましくない動作の一部をキャッチすることを望みます。(複数回リピートなど)

要素にカーソルを合わせると、その周りに4つの矢印が追加され、アニメーションがループして前後に移動するコードを作成しました。

これは、要素がドラッグ可能であることを視覚的に示すためです。プラグインを使用してhoverIntent、ユーザーが要素にカーソルを合わせようとしている場合にのみ矢印を描画しています。要素の配置にもjQueryUIを使用しています。

ドキュメントにアイテムを追加してからアニメーション化することは、これまでに行ったことのないことであり、これをうまくコーディングしていないため、パフォーマンスが最適ではなくなっていると確信しています。

このコードのパフォーマンスを向上させるにはどうすればよいですか？

Superfish ドロップダウン修正の初期遅延を解消するのに問題があります。私のクライアントは onmouseout の遅延を望んでいますが、onmouseover の遅延は望んでいません。

純粋な CSS ドロップダウン メニュー (Twentyten ドロップダウン メニューと同じ) があり、これに Suckerfish.js を適用しています。

これが私のコードです：

Superfish のマニュアルを読んでいますが、初期遅延の原因がわかりません。多分それはアニメーションと関係があるのでしょうanimation: {opacity:'show'}（私には理解できないようです）。

助けていただければ幸いです！

わかりました、一般的に機能するこのナビゲーション メニューがあります。hoverIntent プラグインを使用すると、左端のタブ メニュー項目から右端のタブ メニュー項目に移動するときに、ナビゲーション メニューに問題が発生します。各メニュー項目にマウスオーバーすると、そのメニュー項目のドロップダウン メニューが、マウスオーバー時に時間どおりに表示される場合とそうでない場合があります。ドロップダウン メニューを表示するには、メイン メニュー項目に複数回マウスオーバーする必要があります。使用されている hoverIntent コードを次に示します。