移動菜單切換不起作用

Question

我最初在CodePen https://codepen.io/MarcRay/pen/vmJBn上找到了這種響應式導航

我想在網站上玩它。 我以前從未嘗試過鏈接JavaScript。 我認為這可能是我的問題。

我制作了index.html，style.css和javascript.js文件，並按照顯示的代碼完全復制了其中的代碼。 最初，導航根本不顯示。 我在index.html文件中列出了它：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Hello World</title>
<link href='style.css' rel='stylesheet' type='text/css'>
<script src="https://code.jquery.com/jquery-1.9.1.js"></script>
<script src="javascript.js"></script>
</head>

搜索后，我最終添加：

<script src="https://code.jquery.com/jquery-3.3.1.min.js" 
integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
crossorigin="anonymous"></script>

這樣就變成了：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Hello World</title>
<link href='style.css' rel='stylesheet' type='text/css'>
<script src="https://code.jquery.com/jquery-3.3.1.min.js" 
integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-1.9.1.js"></script>
<script src="javascript.js"></script>
</head>

添加此選項后，當我在桌面上滾動時，我就能夠顯示導航並正常運行。 可能只是一個巧合。

現在的難題是，當移動導航彈出時，我單擊漢堡包圖標時，它不會下拉。

在這里，它可以在JSFiddle上正常運行： http : //jsfiddle.net/xpvt214o/636545/

我運行了控制台，但未顯示任何錯誤。 我是否無法正確鏈接JavaScript / jQuery文件？ 也許JavaScript代碼無效？ 它在CodePen和JSFiddle上運行良好。

Answer 1

為什么要使用2個版本的jquery， <script src="https://code.jquery.com/jquery-1.9.1.js"></script>從head標簽中刪除<script src="https://code.jquery.com/jquery-1.9.1.js"></script> 。 如果不起作用，請保留版本jquery-1.9.1.js並刪除版本jquery-3.3.1.min.js。

移動菜單切換不起作用

問題描述

1 個解決方案

解決方案1
0 已采納 2018-08-18 13:15:51

移動菜單切換不起作用

問題描述

1 個解決方案

解決方案1 0 已采納 2018-08-18 13:15:51

解決方案1
0 已采納 2018-08-18 13:15:51