2013-09-01 125 views
0

我是一名新的Web開發人員,在Richard Bovell的建議JavaScript is Sexy上,我決定通過做一個測試我的技能......好,測試!網站未加載jQuery

我做了基本的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:必填!謝謝!

+0

的代碼創建的jsfiddle,所以我們可以看到錯誤。 – danielrsmith

+0

你需要一個服務器來解析''''。你可以通過自己指定協議來使它工作'http:' – elclanrs

+0

'由於它是基於jQuery的,我的整個JavaScript代碼都不能正常工作...... ..其他方式 – xyz

回答

5

嘗試:

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

你沒有輸入一個有效的URL

+1

嗯,它是有效的,但不在OP上下文中。 '//'解析爲正在使用的協議。 – elclanrs

+0

添加http:完美工作!我正在運行它的客戶端,而不是在服務器上運行它,所以我想如果我把所有東西上傳到服務器,它只會使用//。謝謝! – abustamam

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>