響應式下拉菜單未呈現

Question

我正在嘗試為我的網頁創建一個響應式下拉導航菜單。 我已經有一個正常工作的下拉菜單，但我想這樣做，以便在屏幕達到特定大小時，我的菜單項帶有一個☰圖標。 但是，當我對此進行測試（通過調整瀏覽器的大小）時，我只會看到下拉菜單顯示為一個塊元素，而不會顯示show圖標。 這是我的代碼的小提琴：

http://jsfiddle.net/Lwdc4/

我的JavaScript代碼在外部文件中。 該文件如下所示：

$("#nav").addClass("js").before('<div id="menu">&#9776; </div>');
$("#menu").click(function(){
    $("#nav").toggle();

});

$(window).resize(function(){
    if(window.innerWidth > 768){
        $("#nav").removeAttr("style");

    }
});

而我導入到HTML：

<head>
 <title>Title</title>

    <link rel="stylesheet" type="text/css" href="nav-menu.css"
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
    <script src="nav-menu.js"></script> 
  </head>

我的代碼有什么問題？ 任何幫助表示贊賞。 提前致謝。

Answer 1

您需要添加jquery庫才能使用$對象

在HTML中添加此行以使用它

<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script>

或直接在jQuery網站http://jquery.com/download/上選擇您的版本

更新小提琴： http : //jsfiddle.net/Lwdc4/1/

響應式下拉菜單未呈現

問題描述

1 個解決方案

解決方案1
1 已采納 2014-03-10 15:23:01

響應式下拉菜單未呈現

問題描述

1 個解決方案

解決方案1 1 已采納 2014-03-10 15:23:01

解決方案1
1 已采納 2014-03-10 15:23:01