ホバーイベントが呼び出されたときに開く小さなナビゲーションメニューがあります。メニューのアイテムを選択すると、現在のアイテムが選択したアイテムに変わり、メニューが消えます。ここまでは順調ですね。今私が達成したいのは、アイテムを選択せずにマウスを別の場所に移動すると、メニューも消えることです。jsFiddle で例を作成しました:ここを参照してください
私はすでに試しましたがblur()、まず第一に機能しません。第二に、誰かが他の場所をクリックした後ではなく、ホバーが消えたときにメニューを非表示にしたいです。ありがとう。
ここで、意図したとおりに動作するように書き直しました...
.live()は 1.7 および で廃止されました。on()これに賛成して使用する必要があります。ただし、ホバーは .on() のコールバックではサポートされていないため、一連のマウスオーバー イベントとマウスアウト イベントを使用して、コールバック関数と同じ考え方を複製します。
また、要素を移動し、スパンを追加して「テキスト」の更新を処理しました。
使用mouseout:
$('.small-nav-left').live('mouseout', function() {
$('.small-nav-menu-left').hide();
});
フィドルを参照してください。