0

スライドショーメニューを作成し（Slide JS- http://www.slidesjs.com/を使用）、ホバーイベントを追加したので、メニューポイントの上にマウスを移動すると画像が既に切り替わります。さらに、ブロック全体から移動すると、mouseleaveイベントが発生し、画像とメニューポイントが最初のポイントに戻ります。これで、メニューポイントをすばやく切り替えて（ホバーイベント）、ブロック全体を離れる（マウスリーブ）と、通常はマウスリーブイベントをスキップします（または、ホバーイベント（フェード効果を含む）に時間がかかりすぎるため、マウスリーブイベントに到達しません） 。

各イベント（または少なくとも行の最後のイベント-たとえば、マウスリーブまたは最後のホバー）を完全に処理する方法はありますか？

たぶん、ウェブサイトのレイアウトの画像が役立ちますか？ ここに画像の説明を入力してください

赤：ホバーイベント（緑のコンテンツを変更）

青：Mouseleave-イベント（緑はデフォルトに戻ります）

4

1 に答える 1

1

fade効果が原因である場合は、効果のstop(true, true)前に関数を追加してみてくださいfade。

$(slideshow-menu-selector).on('mouseleave', function(){
    // Reset code here
    $(element-selector).stop(true, true).fadeOut();
})

これは、あなたの質問に基づいた単なるサンプルコードです。あなたがフィドルを立てることができれば、それは大いに役立つでしょう！

于 2012-10-15T10:46:31.730 に答える