本地 JQuery 和 JQuery 移动文件在本地主机上不起作用答案

【问题标题】：Local JQuery and JQuery mobile files not working on localhost本地 JQuery 和 JQuery 移动文件在本地主机上不起作用
【发布时间】：2019-12-21 13:16:36
【问题描述】：

我正在尝试完成需要使用 JQuery 和 JQuery Mobile 的任务。

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

当我尝试在 Chrome 上查看 html 时，“data-role”属性由于某种原因不起作用。

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

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

下面是我如何链接 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 文件夹中，当我链接它们时，它们不起作用。但是，如果我将它们从 js 文件夹中取出并放在根文件夹中，它们就可以工作。

所以我只是认为我的相对路径是错误的？

我见过其他一些类似的问题，但没有一个对我有用。

更新 2：

【问题讨论】：

你可以检查源代码，然后尝试查看你的jquery。告诉它是否有效
在我的帖子中查看更新
这意味着您必须正确设置路径。如果您可以更新文件夹结构的快照，以便我们提供更好的答案
尝试在路径开头添加/，例如：<script src="/js/jquery-1.11.1.min.js"></script>
@NipunTharuksha 添加了项目文件夹的快照

标签： jquery html css jquery-mobile

【解决方案1】：

由于某些奇怪的原因，它现在正在使用发布的代码。

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

【讨论】：

我想如果你在你的脑海中加上<base>，那么它将有助于解决你的这类问题，比如：<base href="folder_name/">
我猜，但它现在正在工作，所以没有办法检查。不过谢谢！