本地 JQuery 和 JQuery 移动文件在本地主机上不起作用
Posted
技术标签:
【中文标题】本地 JQuery 和 JQuery 移动文件在本地主机上不起作用【英文标题】：Local JQuery and JQuery mobile files not working on localhost 【发布时间】：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 添加了项目文件夹的快照
【参考方案1】：
由于某些奇怪的原因，它现在正在使用发布的代码。
值得一提的是，如果您使用的是 xginx，并且如果您指定以 / 开头的相对路径，例如 /js/jquery.js，那么服务器 (localhost) 将在 localhost/js/jquery 中查找文件.js 而不是在 localhost/project_folder/js/jquery.js 这很奇怪
【讨论】：
我想如果你在你的脑海中加上<base>，那么它将有助于解决你的这类问题，比如：<base href="folder_name/">
我猜，但它现在正在工作，所以没有办法检查。不过谢谢！以上是关于本地 JQuery 和 JQuery 移动文件在本地主机上不起作用的主要内容，如果未能解决你的问题，请参考以下文章