网站没有加载jQuery

时间:2013-09-01 02:10:00

标签: javascript jquery html

我是一名新的网络开发人员,在JavaScript is Sexy的Richard Bovell的建议下,我决定通过制作一个......好吧,测试来测试我的技能!

我做了基本的HTML,并且我编写了一个函数来显示任何给定的问题,它在JSFiddle中完美运行。

然而,当我使用PHPStorm(使用我的浏览器运行它)进行测试时,似乎JavaScript / jQuery没有加载。

事实上,当我使用Chrome的错误控制台时,jQuery.min说“无法加载资源。”

我在源代码中使用此代码:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

我也尝试过使用这个来源:

<script type='text/javascript' src='//code.jquery.com/jquery-1.10.1.js'></script>

但也没有加载资源。

因此,我的整个JavaScript代码都不起作用,因为它是基于jQuery的。

如果我将链接加载到我的网络浏览器中,它可以正常工作,所以它看起来不像网络错误。

编辑:

这是我的小提琴:http://jsfiddle.net/abustamam/3CY7g/

错误如下:

Uncaught ReferenceError: $ is not defined script.js:2 (anonymous function) script.js:2 Failed to load resource file://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js

任何人都可以给我一些关于为什么jQuery没有加载的指针?谢谢!

编辑2:得到了答案。 http:是必需的!谢谢!

2 个答案:

答案 0 :(得分:5)

尝试:

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

您没有输入有效的网址

答案 1 :(得分:4)

在本地测试文件时,即不从实际服务器运行文件时,您需要指定http://https://。所以改变:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

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