Question

我正在尝试使用jQuery创建一个类似于asp.net的主页面。下面是我正在使用的代码，但是jQuery没有从引用的文件中加载HTML，我在Firefox调试器中没有定义$。

我的文件夹设置如下：

文件夹：内容
文件夹：css
文件夹：字体
文件夹：img
文件夹：js
文件：index.html

<!DOCTYPE html>
<html lang="en">

<head>
  <title></title>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <!-- STYLESHEETS -->
  <link href="/css/bootstrap.min.css" rel="stylesheet">
  <link href="/css/style-ixv0ab381.css" rel="stylesheet">
  <link href="/css/style-main.css" rel="stylesheet">
  <link href="/css/style.css" rel="stylesheet">
  <!-- FONTS -->
  <link href="/css/font-awesome.min.css" rel="stylesheet">
  <!-- SCRIPTS -->
  <script src="/js/jquery.min.js"></script>
  <script src="/js/bootstrap.min.js"></script>
  <script src="/js/progressBar.js"></script>
</head>

<body>
  <div class="container-fluid">
    <div id="header" class="container">
      <script>
        $("header").load("/content/header.html");
      </script>
    </div>
    <div id="content" class="container">

    </div>
    <div id="footer" class="container">

    </div>
  </div>
</body>

</html>

Answer 1

首先，确保jQuery的路径是正确的。您也可以使用CDN驱动的jQuery库链接，可以在https://code.jquery.com/

找到

其次，最佳做法是在标记结束之前包含所有JavaScript文件，而不是在标记之间。请注意，包含JavaScript文件的顺序有时会影响您的网站。因此，请在自上而下的路径中包含属于您网站核心的JavaScript文件。

最后，我建议您阅读 Absolute vs Relative Paths/Links 文章，以了解文件路径的工作方式。

Answer 2

jQuery文件的路径可能不正确。如果用CDN链接替换它（如https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js），则不再抛出该错误

使用jQuery加载标题内容

2 个答案: