2016-10-23 125 views
0

當我使用切換功能,我調整資產淨值仍顯示沒有窗口,而這個調整大小功能不起作用。有什麼建議?更改CSS顯示調整和切換

$(document).ready(function(){ $("#menu").click(function() { $(".nav").fadeToggle("slow", "linear");}); 

$(window).resize(function() { if ($(window).width() < 768) { $('.nav').css("display", "none");} else {$('.nav').css("display", "inline-block");}});}); 

我也希望導航欄消失,當點擊不在菜單區域。它只在我點擊svg圖標時消失。我試過這段代碼,但它不起作用。

$(document).click(function(event) {if(!$(event.target).is('#menu')) {$(".nav").hide();}}); 

這裏活頁https://sebalaini.github.io/NewPortfolio/ 這裏的回購https://github.com/sebalaini/NewPortfolio

+1

你缺少期間('.')在第二行的選擇。檢查你的意思是'.nav'而不是'nav'。 –

+0

我看到:)一個愚蠢的錯誤,一些建議隱藏導航當我點擊身體,而不是菜單圖標? – Sebastiano

回答

1

它看起來像你錯過了一個週期:

嘗試

$('.nav').css("display", "inline-block"); 

而不是

$('nav').css("display", "inline-block"); 

jQuery是尋找一個導航標籤,而不是.nav類。

+0

我看到:)一個愚蠢的錯誤,一些建議隱藏導航當我點擊身體,而不是菜單圖標? – Sebastiano

+0

爲什麼你不試試jQuery的.not()在這裏?例如$('。wrapper')。not('。nav')。click(function(){$('。nav')。hide();});也許。 – zJorge