Javascript 在本地运行网站时,jQuery未在MAMP(1.11.2)中加载

Javascript 在本地运行网站时,jQuery未在MAMP(1.11.2)中加载,javascript,jquery,html,Javascript,Jquery,Html,首先,我为这个问题以前被问过很多次而道歉,但是没有一个答案解决了我的问题,所以我想我会在这里问这个问题 我下载了jQuery1.11.2(未压缩)以在本地开发我的网站,但是我的代码使用JSFIDLE内置的jQuery无法在本地工作。因此,我添加了以下代码来检查jQuery是否已加载: <script src="file:///Applications/MAMP/htdocs/phpv1/v1/jquery-1.11.2.js"> if (typeof jQuery != 'undef

首先,我为这个问题以前被问过很多次而道歉,但是没有一个答案解决了我的问题,所以我想我会在这里问这个问题

我下载了jQuery1.11.2(未压缩)以在本地开发我的网站,但是我的代码使用JSFIDLE内置的jQuery无法在本地工作。因此,我添加了以下代码来检查jQuery是否已加载:

<script src="file:///Applications/MAMP/htdocs/phpv1/v1/jquery-1.11.2.js">
if (typeof jQuery != 'undefined') {

alert("jQuery library is loaded!");

}else{

alert("jQuery library is not found!");

}
</script>

if(jQuery的类型!=“未定义”){
警报(“jQuery库已加载!”);
}否则{
警报(“未找到jQuery库!”);
}
然而,我没有得到任何一个警告框,这让我怀疑是否是Javascript不起作用,但是我使用一些简单的表单验证代码让Javascript起作用。我使用MAMP作为浏览器托管PHP和Google Chrome。该文件另存为HTML文件,代码如下:

<html>    
<style>
 #test{
max-height: 150px;
max-width: 200px;
overflow: auto;
background: #50a8ff;    
 }
</style>    
<head>
<script src="file:///Applications/MAMP/htdocs/phpv1/v1/jquery-1.11.2.js">
if (typeof jQuery != 'undefined') {

alert("jQuery library is loaded!");

}else{

alert("jQuery library is not found!");

}
</script>    
</head>
<body>
</body>
</html>

#试验{
最大高度:150像素;
最大宽度:200px;
溢出:自动;
背景:#50a8ff;
}
if(jQuery的类型!=“未定义”){
警报(“jQuery库已加载!”);
}否则{
警报(“未找到jQuery库!”);
}

我显然不能使用谷歌托管的库,因为我在本地运行该网站。要确定Javascript的文件路径,我在Google Chrome中打开了它。

这里有两个选项:要么使用Google托管的jQuery

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>

或者,您需要更改以使用类似于以下内容的文件的相对路径

<script src="jquery-1.11.2.js"></script>


当jquery-1.11.2.js与HTML页面位于同一文件夹中时。

如果从MAMP运行此命令,则需要更改此行-

<script src="file:///Applications/MAMP/htdocs/phpv1/v1/jquery-1.11.2.js">

为此—

<script src="phpv1/v1/jquery-1.11.2.js" type="text/javascript">


如果您的HTML文件位于“htdocs”中。如果您不使用HTML5,我将
type=“text/javascript”
包括在内。

您不应该将内容放入具有
src
属性的
标记中。使用两个单独的标记对其进行测试:

<script src="file:///Applications/MAMP/htdocs/phpv1/v1/jquery-1.11.2.js"></script>
<script>
if (typeof jQuery != 'undefined') {
    alert("jQuery library is loaded!");
}else{
    alert("jQuery library is not found!");
}
</script>

if(jQuery的类型!=“未定义”){
警报(“jQuery库已加载!”);
}否则{
警报(“未找到jQuery库!”);
}

难道你不能把它放在你的web根目录中,然后使用相对路径吗?就像你在真实的网站上本地存储它一样,你实际上可以使用谷歌托管的库。只需确保将“http://”放在它前面。
有三个
//
尝试添加两个
2
为什么要使用
文件://
协议?只需使用相对路径。此外,只要您连接了internet,您就可以使用CDN资源。您是否在Javascript控制台中看到任何错误?