我创建了一个带有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();
});

最佳答案

只需在悬停处理程序中检查浏览器的宽度即可:

$("#user-profile").hover(function(){
    if ( $(window).width() > 800 ) $('.tabs').fadeToggle();
});

10-05 20:36
查看更多