響應式菜單打開請求

我已經寫了這個js，所以菜單是響應式的，但不會在js未啓用時中斷。響應式菜單打開請求

我有他們自己的導航元素中的每個菜單列表。對於平板電腦和移動設備，我只想要一個菜單按鈕（列表中的第一項）顯示，但不顯示列表，直到按下菜單按鈕。

目前第一個列表隱藏在打開頁面，但其他列表永久顯示。但是，單擊任一菜單按鈕都會顯示第一個列表。兩個nav都沒有id或class。

爲什麼只有一個列表響應？

這是JS（其在頭）

function showLists() { 
$('.nav').show(); 
$(".menu").hide(); 
} 
$(document).ready(function() { 
if ($(window).width() < 450) { 
    $('.nav').hide(); 
    $(".menu").click(function() {(
     showLists() 
     )}) 
    } 
});

來源

2013-10-31 Chris Price

「兩個nav都沒有id或class」，那麼您需要使用'$（「nav」）'來選擇所有'nav'元素。 '$（「。nav」）'表示「所有具有導航類的元素」。順便說一句，你可以創建一個小提琴plz http://jsfiddle.net/ –

謝謝。這真的有幫助，因爲它讓我意識到我給所有的鏈接元素一個導航類。有點尷尬，但非常有用 –

聽起來好像你是一個基本的撥動導航後。基本和更高級的響應解決方案的一個很好的起點是RWD Patterns by Brad Frost。

此外，你應該在大多數所有的解決方案能夠擺脫只定義一個導航列表，並使用CSS和JS來操縱它的行爲作出響應。

來源

2014-02-10 04:15:48 calcrisk33

響應式菜單打開請求

回答

相關問題