时间戳

首页 > 解决方案 > 本地 JQuery 和 JQuery 移动文件在本地主机上不起作用

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

问题描述

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

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

当我尝试在 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：

文件夹结构

标签： jqueryhtmlcssjquery-mobile

解决方案

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

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

推荐阅读