問題タブ [mouseenter]

わかりました..少し複雑な質問です。TR にマウスオーバーすると表示される DIV があります。

DIV の上にマウスを置いても消えないようにしようとしています。任意のヒント？

明確 化 現在、TD にマウスオーバーすると、DIV が表示されます。DIV にマウスオーバーすると、DIV が残る (以前は消えていた) ように調整しました。ただし、マウスがTRを離れてDIVを離れても、DIVは消えません。

だから私はナビゲーションを持っており、jQueryのUIアニメーションを使用して、リスト項目をビューの外にスライドさせ、色を変更してからスライドして元に戻し、ボタンを別の色で表示します。

私が得ている問題は、リスト項目にカーソルを合わせるたびに、マウスが離れるまでホバーイベントが継続的にトリガーされることです。

さらに奇妙なことに、マウスが実際にリスト項目を離れたかどうかに関係なく、hover イベントの直後に mouseleave イベントがトリガーされるように見えます。これは、hover または mouseenter を使用した場合に発生します。

ここに私が持っているものがあります: HTML:

jQuery:

CSS:

リスト項目の 1 つにマウスを非常にゆっくりと近づけると、目的の効果を得ることができます。比較的簡単なはずのこの作業に、私は頭がおかしくなりました。

私はネットを精査し、mouseenter イベントのバインドを解除するなどのことを試しました。条件を使用して、mouseleave イベントが無効になった後にのみアニメーションを実行します。

できれば私がハゲになる前に、どんな提案でも大歓迎です。ありがとう！

最初にmouseenterで境界線を5px太くし、次にmouseleaveで境界線を5px小さくして、divをアニメーション化したいのですが、トリッキーな部分は、divが動いているように見せたくないということです（境界線をアニメーション化するだけの場合） 、境界線が太くなったり細くなったりするだけでなく、div全体がシフトしているように見えます）。私は非常に近いですが、最後の部分であるマウスリーブで立ち往生しています。私がこれまでに持っているのは：

この前のどこかで境界線を20pxに設定しましたが、マージンが設定されていないため、0pxになります。divはmouseenterでうまくアニメーション化され、divが実際にずれることなく境界線を太くすることができますが、mouseleaveがトリガーされると、divは最初に「margin-5px」が呼び出されなかったかのように自分自身をその位置に再配置します、次に境界線をゆっくりと減らします。「magin：'0px'」は実際には呼び出されていないようです。

私の説明が理にかなっているかどうかはわかりませんが、必要に応じてプロトタイプを作成できます。

これが簡単なものであることを願っています。wpf アプリケーションにデータグリッドがあります。列の 1 つはチェックボックス列です。セルがすでに選択されている場合、ユーザーはチェックボックスのみをチェックできます。実際には、ユーザーがボックスをチェックするには、一度ダブルクリックして選択し、もう一度ボックスをチェックする必要があります。ユーザーがワンクリックでボックスを正しくチェックできるようにしたい。これを実現するための明らかなプロパティが見つかりませんでした。これを行う最善の方法は何ですか？

ここに問題があります：

• 私は単純なc＃フォームを持っています
• ピクチャーボックスと他のボタンを含む単純なc＃ユーザーコントロールがあります。
• 私のフォームには、ユーザーコントロールのインスタンスが1つ含まれています。
• ユーザーが画像ボックスでmouseEnterを実行すると、マウスカーソルが変化し、ユーザーが画像ボックスからmouseLeaveを実行すると、マウスが通常の状態に戻るようにします。

現在起こっていることは、イベントがまったく発生しないということです。MouseOver、MouseEnter、MouseMove、MouseLeaveなどにブレークポイントを設定しましたが、いずれも起動しませんでした。C＃でこの問題が発生するのは初めてです。

「ルーティングイベント」と関係があると思いますが、わかりません。私がやっていることを達成する別の方法がある場合、これも解決策と見なされます。重要なのは、最後に、ユーザーコントロールが彼の「領域」上のマウスカーソルのマスターになるということです。

前もって感謝します！

すでにホバー機能を備えた画像スワップスクリプトで使用されている複数のliクラスに、mouseenterの左にスライドを追加し、mouseleaveの右にスライドを追加しようとしています。

上記のスクリプトと同じスクリプトで以下のスクリプトを使用しようとする$('#thumb ul li a').hover(と、画像を交換する既存のホバー機能が壊れ、li クラスはスライドしたり何もしません。

#thumb ul li a画像を交換するスクリプトと、 li クラスとして定義したリンクをスライドさせるスクリプトを別々に実行する必要がありますか? ありがとう！

jQuery を使用してドロップダウン メニューを作成しました。そのため、ボタンにカーソルを合わせると、メニューが下にスライドします。ここで、マウスをメニューの外に移動して、スライドする前に元に戻すと（メニューには多くの項目があるため、マウスをメニューに戻すのに十分な時間があります）、ドロップダウンメニューの上でチェーンが開始されますslideDown() および slideUp() 関数であり、メニューのマウスを移動するか、ボタンに戻るまで停止しません。以下は私のjQueryコードです：

私はオンラインで調べていて、すでに e.stopPropagation() を試しましたが、うまくいきません。

これは Firefox でのみ発生します。IE7、IE8、Safari、Chrome ではすべて正常に動作しますが、他のバージョンの Firefox については不明です。

お知らせ下さい

これが初心者の質問である場合は申し訳ありませんが、これらの mouseenter/mouseleave イベントを組み合わせる方法はありますか?

私はさまざまなプログラマーによってさまざまな方法を試しました。関数によって各divにリンクされたliクラスにマウスを合わせて、複数のdivを個別に非表示/表示しようとしていmouseenterますが、jQueryが初めてで、解決策が見つからないようです。これを行うためのよりクリーンな方法が必要であることはわかっていますが、まだ見つけていません。どんな助けでも大歓迎です！

例

ありがとう

html:

私はまだjQueryに関して初心者であり、これを理解しようとして文字通り髪を引っ張っています.Javascriptの経験を持つ誰かが私を儀式の方向に向けてくれることを願っています.

私は、アニメーション付きの別のmouseenter/mouseleave関数に含まれるliクラスをホバリングすることによって起動されるdivの非表示/表示イベントを含むホバー関数を持っています。

例

jQuery:

//Slide left li classes on mouesenterこれらの条件下でマウスリーブアニメーションを起動しようとしています:

• If: 他の 3 つの li クラスのいずれかをホバリングしてホバー機能を起動した場合
• else: mouseenter 関数と同じイベント

したがって、 $('.home') がホバーされると、左にスライドし、右側の対応する div が表示され、マウスの意図に関係なく、左にアニメーション化された li クラスで表示されたままに なり ます$('.home') 。 対応する div を非表示にし、 li クラスの対応する div などを表示すると同時に アニメーション を起動しながら、デフォルトの CSS 位置にスライドバックします。これは (ループのように) 連続している必要があります。$('.about')&('.home')$('.about')$('.about')

何かご意見は？

html:

提案をいただければ幸いです。

ありがとう

以下のHTMLを作成しました。黄色のボックスには、画像のサムネイルが含まれています。サムネイルにマウスオーバーすると、サムネイルの上に表示リンクが表示されます。

しかし、マウスを速く動かすと、リンク div がちらつきます。

コードは次のとおりです。コピーして html として貼り付け、テストできます。

また、FF 4.0 では mouseleave が呼び出されません。何か案は？