导入 JQuery 响应式导航栏不起作用答案

【问题标题】：importing JQuery Responsive Navbar doesn't work导入 JQuery 响应式导航栏不起作用
【发布时间】：2018-05-07 12:08:25
【问题描述】：

我正在尝试使导航栏具有响应性，但它不起作用。我使用的是 Google 的 JQuery，但由于我目前在中国，它不起作用。因此，我将 JQuery 文件的内容复制到一个名为 jquery-3.3.1.min.js 的文件中，该文件存储在我的 Header 文件的同一目录中。

它仍然无法从我的手机打开。我在下面附上代码：

<head>
 <script src="jquery-3.3.1.min.js"></script>
 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 <title>International Corporate Finance</title>
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
 <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet" type="text/css">
 <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet" type="text/css">
</head>

<!-- NAVBAR --> 
<body id="myPage" data-spy="scroll" data-target=".navbar" data-offset="60">

<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
  <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span> 
  </button>
  <a class="navbar-brand" href="#myPage">Pippo</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
  <ul class="nav navbar-nav navbar-right">
    <li><a href="http://ec2-13-133-18-154.aws.com/Actions.php">Actions</a></li>
    <li><a href="http://ec2-13-133-18-154.aws.com/Actions.php/CompaniesInput.php">New Companies</a></li>
    <li><a href="http://ec2-13-133-18-154.aws.com/Actions.php/AllCompanies.php">View Companies</a></li>
    <li><a href="http://ec2-13-133-18-154.aws.com/Actions.php/Search.php">Search Companies</a></li>
    <li><a href="http://ec2-13-133-18-154.aws.com/">CONTACT</a></li>
  </ul>
</div>

【问题讨论】：

控制台有错误吗？
@kag，实际上是的：“提交加载资源：服务器响应状态为 404 jquery-3.3.1.min.js”。但是文件在那里，我不知道我是否做得对，但我粘贴到一个文本文件中：[link]code.jquery.com/jquery-3.3.1.min.js
所以很清楚。您只需要更新文件的正确路径即可。

标签： php jquery html twitter-bootstrap

【解决方案1】：

看来你走错了路。确保您的 jquery.min.js 文件是正确的路径。如果您可以发布您的文件夹结构的图片，如果您仍然遇到问题，我们会为您提供帮助。此外，另一种解决方案是改用 cdn。示例：<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

【讨论】：

您好，我无法使用 Google 存储库存储 JQuery，因为我在中国，无法访问它。我的路径是 ../www/html/header.php 并且文件位于 html 目录中，按照此处提供的说明w3schools.com/jquery/jquery_get_started.asp

【解决方案2】：

我使用 Microsoft CDN 解决了这个问题

<head>
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.3.1.min.js"></script>
</head>

【讨论】：