Question

首先，我很抱歉这个问题之前已被多次询问，但是没有一个答案解决了我的问题，所以我想我会问这个问题。

我下载了jQuery 1.11.2（未压缩）来本地开发我的网站，但是我使用jsfiddle内置的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>

然而，我没有得到任何一个警告框让我想知道它是否是无效的Javascript，但是我使用一些简单的表单验证代码来使用Javascript。我正在使用MAMP来托管PHP和Google Chrome作为broswer。该文件保存为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>

我显然无法使用Google托管库，因为我在本地运行网站。要确定我在Google Chrome中打开它的Javascript的文件路径。

Answer 1

这里有两个选项：要么使用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页面位于同一文件夹中时。

Answer 2

如果您是从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"。

Answer 3

您不应将内容放在具有<script>属性的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>

在本地运行网站时，jQuery没有在MAMP（1.11.2）中加载

3 个答案: