如何阻止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();
});