本地 JQuery 和 JQuery 移动文件无法在本地主机上运行

Question

我正在尝试完成需要使用 JQuery 和 JQuery 移动设备的作业。

我正在使用 nginx，所以我的 PC 充当网络服务器。

当我尝试在 Chrome 上查看 html 时，"data-role" 属性出于某种原因无法正常工作。

如果我使用 CDN 托管 JQuery，那么它就可以工作。但不是我的本地 JQuery 文件，这很奇怪。我也使用过不同的版本。

此外，我的控制台没有显示任何错误。

下面是我如何 link 处理 JQuery 文件的代码。

这是我得到的输出

<!DOCTYPE html>
<html>

    <head>
    <title>Chicken Logger</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="stylesheet" href="css/ChickenLogs.css">
    <link type="text/css" href="css/jquery.mobile.css">
    <script src="js/jquery.js"></script>
    <script src=js/jquery.mobile.min.js></script>

</head>
<body>
<div data-role="header">

  <h3> Chicken Logger </h3>

</div>
    ...content goes here
</body>
</html>

为什么不起作用？

更新 1：

我的大学给了我们 3 个不同的 jquery 文件，分别命名为 "jquery.js"、"jquery.mobile.js" 和 "jquery.css"。我已将它们放在我的 js 文件夹中，当我 link 它们时，它们不起作用。但是，如果我将它们从 js 文件夹中取出并放入根文件夹中，它们就可以工作了。

所以我只是觉得我的相对路径是错误的？

我看过其他一些类似的问题，但 none 也对我有用。

更新 2：

Answer 1

出于某种奇怪的原因，它现在可以使用发布的代码。

值得一提的是，如果您使用的是 xginx，并且您指定以 / 开头的相对路径，例如 /js/jquery.js，那么服务器 (localhost) 将在 localhost/js/jquery.js 而不是在 localhost/project_folder/js/jquery.js 这很奇怪

本地 JQuery 和 JQuery 移动文件无法在本地主机上运行

Local JQuery and JQuery mobile files not working on localhost

jquery

html

css

jquery-mobile