如何阻止Jquery在媒体查询中悬停？

Question

我创建了一个带有jquery悬停效果的导航。

导航工作，唯一的问题是当您将屏幕宽度设置为800px或更小时，按红色框以显示切换导航。悬停菜单从全宽菜单中拾取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();
});

Answer 1

只需检查悬停处理程序中浏览器的宽度：

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