如何停止媒體查詢中的Jquery懸停？

我用jquery懸停效果創建了一個nav。如何停止媒體查詢中的Jquery懸停？

導航工作，唯一的問題是當您將屏幕寬度設置爲800像素或更少，並按紅色方框顯示切換導航。懸停菜單從全寬菜單中選取jquery。

如何停止jquery懸停菜單沒有選擇主菜單的懸停狀態。

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

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

來源

2013-10-27 Paul Designer

只是檢查瀏覽器的寬度在懸停處理程序：

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

來源

2013-10-27 16:11:24 Evan

感謝您幫助。有沒有另一種方式，因爲當我移動屏幕，使其響應導航不反應，除非我刷新頁面？ –

我不確定我瞭解你的問題。我在這裏沒有看到問題：http://jsfiddle.net/n8zqS/3/ – Evan

如果您檢查媒體查詢導航，它將丟失懸停狀態菜單。直到你刷新頁面 –

如何停止媒體查詢中的Jquery懸停？

回答

相關問題