2013-03-14 67 views
1

我不明白這是什麼問題。這可能是一個鏈接問題,但我不能說出一個。 index.html,script.js和jquery的庫文件都在我的桌面上。這是代碼:鏈接Jquery與HTML

這是HTML代碼:

<html> 
<head> 
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
    <script type="text/javascript" src="script.js"></script> 
</head> 

<body> 
    <h1>asdasd</h1> 
</body> 
</html> 

這是Jquery的外部表:

$(document).ready((function) { 
("h1").click((function) { 
    (this).hide(); 
}); 
}); 

有沒有CSS片,因爲我做到了簡單,所以我可以確定它沒有錯,但也許是這樣。

回答

3
src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" 

無協議URL不通過file:///方案工作。

http://代替//它應該工作。但是,從長遠來看,使用本地主機服務器是更好的選擇。 =]

使用本地主機服務器,您可以輕鬆地通過http://運行您的頁面,以便它可以解決您在將來遇到的錯誤以及許多其他文件權限問題。這裏有幾個簡單的安裝服務器:WAMPEasyPHPXAMPPBitNami


而且(function)應該function()和你缺少一個$

$(document).ready((function) { 
    ("h1").click((function) { 

應該

$(document).ready(function() { 
    $("h1").click(function() { 

嘗試通過運行您的代碼,它會爲你找到那些基本的語法錯誤。

+1

謝謝你這麼多。我一直有這個問題,但現在你救了我!感謝您所提供的所有信息。 – 2013-03-14 23:09:26

0

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

您需要添加http:scriptsrc屬性

你應該從你自己的服務器,雖然這拉。正如Crockford所說:

使用您自己的副本。從不受控制的服務器加載代碼是非常不明智的。

另外的代碼塊是一個小錯誤:

$(document).ready(function() { 
    $("h1").click(function() { 
     $(this).hide(); 
    }); 
}); 
0

你錯過了$對象

$(this).hide();