1

jquery ホバー効果のあるナビゲーションを作成しました。

ナビゲーションは機能しますが、唯一の問題は、画面の幅を 800 ピクセル以下にし、赤いボックスを押してトグル ナビゲーションを表示する場合です。ホバー メニューは、全幅メニューから jquery を選択しています。

jquery ホバー メニューがメイン メニューのホバー状態を取得しないようにするにはどうすればよいですか。

http://jsfiddle.net/n8zqS/2/

/*  MAIN MENU DROPDOWN
===================================*/
$("#toggle-nav").click(function () {
    $("#nav").slideToggle('slow');
});
/*  MAIN SETTINGS SHOW AND HIDE
===================================*/

$("#user-profile").hover(function(){
    $('.tabs').fadeToggle();
});
4

1 に答える 1

3

ホバー ハンドラーでブラウザーの幅を確認するだけです。

$("#user-profile").hover(function(){
    if ( $(window).width() > 800 ) $('.tabs').fadeToggle();
});
于 2013-10-27T16:11:24.853 に答える