問題タブ [hoverintent]

マウスをサブディビジョンに置いたときに背景色が黒のままにならないことを除けば、魅力のように機能する hoverintent プラグインを使用してメガドロップダウンメニューを作成しました。おそらくばかげた修正であることはわかっていますが、わかりません。助けてください...

サイト: http://www.nestudiosonline.com/test.php

html:

CSS:

Jクエリ:

jQuery のメソッドの代わりにhoverIntent jQuery プラグインを使用しています。mouseoutイベントが自動的に呼び出されるようにしますhover()。

を使用する場合hover()、 を呼び出すことで mouseout イベントをトリガーできmouseout()ます。hoverIntent を使用している場合、これは機能しません。

名前付き匿名関数も呼び出してみましたが、うまくいきませんでした (古い IE は名前付き匿名関数を好まないと聞きました)。

jsFiddle の例を次に示します。

mouseout関数を自動的に呼び出すと、hoverIntent を介して呼び出すことはできません。

今、私はできることを知っています...

しかし、私が望んでいたことが可能かどうか疑問に思っていましたか？

ありがとう

ホバーすると水平方向に展開する垂直メニューを作成しました。chrome と firefox では夢のように動作しますが、インターネット エクスプローラーではなぜか気に入りません。任意の要素にカーソルを合わせると、すべてが飛び出します。

この関数は、animate を使用して CSS を変更する jquery プラグインのホバー インテントを使用します。これがコードの一部です...

私はこの問題について何日も頭を悩ませてきたので、どんなアイデアでも非常に役に立ちます.ieexplorerに何らかの問題があるようです.

乾杯

ホバーすると（マウスオーバー）、そのすぐ下にdivが表示されるボタンがあります。ホバリング (マウスアウト) すると、div が消えます。

これはすべてうまく機能しますが、ユーザーがその div にカーソルを合わせた場合 (div 内のコンテンツを操作するため)、ボタンの下に div を表示し続ける必要があります。

div の表示をトリガーするボタンからマウスを離すとすぐに div が消えるため、現時点ではこれは不可能です。

これを実現するためにhoverIntent jQuery Plugin を使用しています。

HTML:

ウィンドウの下部にあるサイトのナビゲーションのプロトタイプを作成しています。リンクにカーソルを合わせると、ナビゲーションの上にサブリンクとともに div が表示されますが、ナビゲーションのホバーされたリンクの中央に位置しません。css を使用して左に -50% 配置しようとしましたが、多くの効果がありました [親のサイズの左に 50% しか移動していないように見えます]。jQuery を使用してどうすればよいですか?

注: hoverIntent も使用しています。

まず、私は jquery 初心者なので、あまり意味がないかもしれません。

したがって、ユーザーがアイテム内のリンクにマウスを合わせると（リストアイテム全体ではなく）、非表示のdivを表示するために展開される一連のリストアイテムがあります。

問題は、ユーザーのマウスがリンクから離れると、li が再び閉じてしまうことです。

別のliのリンクの上にマウスを置いた場合にのみliが閉じるようにするには、これが必要です。（すみません、言葉で表現するのは難しいです）

これが私のコードです。

そしてHTML

したがって、クラス「home_upcoming_title」とのリンクはliを展開して内部のdivを表示しますが、div自体にマウスを合わせるとリストが閉じます。クラス「home_upcoming_title」のみがdivを展開するように、それも必要です。ただし、同じクラスの別のリンクにマウスを合わせるまで、開いたままにする必要があります。

それがあまり意味をなさない場合は申し訳ありません:)

ユーザーが記事の上にカーソルを置いたときに、ブログ記事のオーバーレイを表示/非表示にしようとしています。マウスオーバー時にイベントを遅らせるために hoverIntent が正常に動作していますが、hoverIntent がない場合と同様に、マウスアウト イベントが即座に発生するようにしたいと考えています。私が知る限り、over イベントと out イベントに個別のタイムアウト値を設定する方法はありません。それらを分離する方法、または hoverIntent が over イベントのみを遅らせる方法を知っている人はいますか?

ご協力いただきありがとうございます。

jqueryの並べ替え可能な機能を使用して、アプリケーション内のアイテムのリストを並べ替えています。リストがかなり大きくなっているのを見て、展開または折りたたむことができるサブリストにリストを再編成することにしました。

私が持っていたアイデアは、ユーザーがサブリストのヘッダー上に要素をドラッグし、そこにカーソルを750ミリ秒間保持すると、リストが展開されるというものでしたが、基になるdivのIDのIDを取得できないという問題が発生しました。 jqueryは、ドラッグしているアイテムのIDを取得しているようであり、カーソルを合わせているものではありません。

これを達成するために使用できる機能またはプラグインはありますか（私がこの問題を抱えているのは私が最初ではないと確信していますが、私のgooglefuは私に関連するものを見つけることができませんでした）。

助けてくれてありがとう:)

編集：

これが私がやろうとしていることのアイデアです：

そして、これが私のHTMLの要点です。

.categoryLiにカーソルを合わせると、expandCategoryを呼び出して、カーソルを合わせている要素のIDを送信しますが、ドラッグしている要素の親を除いて、.categoryLiコンテナのカーソルをトリガーすることはありません。一瞬。その背後にある「覗き見」の方法を見つける必要があります。したがって、＃c9からアイテムをドラッグしている場合、 jqueryは常に＃c9にカーソルを合わせていると考えます。

こんにちは、ユーザーがショッピング カートに何かを追加するたびに表示する div があります (ページに 5 秒間表示されてから消えるミニ カートです)。

ミニカートの div 表示は、次の 2 つのイベントによってトリガーされます。

1. HOVER: ユーザーがコンテナ div にカーソルを合わせたとき (hoverIntent プラグインを使用)
2. クリック: 商品がカートに追加されたとき

1 のコードは次のとおりです。

2 のコードは次のとおりです。

HTML:

私が抱えている問題の 1 つは、番号 2 が発生したときに div が正しく表示されないことです。途中で行き詰まり、完全に伸びないことがあります。注: div は、他のすべてのページで hoverIntent に問題なく表示および非表示になります。ユーザーがカートにアイテムを追加するページにいて、2 番が発生したときに、この問題が発生します。

また、ユーザーが2番目にトリガーされたときにdivにカーソルを合わせた場合、divを表示する方法を知っている人はいますか?

これが理にかなっていることを願っており、どんな助けも大歓迎です!

jquery の手がかりヒントを使用してツールヒントを表示しています :-) 必要に応じて、ユーザーがマウスを表示されたツールヒントに移動できるようにしたいので、スティッキーにしました。ただし、ユーザーがマウスをツールチップに移動しない場合、しばらくするとツールチップが消えます。これは hoverintent-plugin を使用して可能になるはずです。ただし、このプラグインは、ユーザーがマウスをプラグインの上に一度移動しない限り起動しません。その場合、cluetip はツールチップ自体を削除します...

ツールチップを表示するにはどうすればよいですか?

onShow でタイマーを起動したり、onmouseover でタイマーを無効にするツールチップにスクリプトを追加したり、そのようなことを考えていましたが、それは複雑すぎるようです...

誰かがより良いアイデアを得ましたか？:-)

ありがとう、

ポール