2011-04-08 100 views
2

我正在嘗試做一個教程。我做了一個教程,事情很棒。轉移到另一個,我不能得到它的工作。我只發佈,因爲我剛剛開始本教程,並且事情不起作用。當'Hello World'不起作用時,我會感到沮喪。無論如何,這是我的HTML。沒什麼特別的。我期望在頁面加載時出現Hello World警報,但我什麼也沒得到。簡單的jQuery問題

<html>                 
<head>                 
    <script type="text/javascript" src="jquery.js"></script>   
    <script type="text/javascript"> 

     $(document).ready(function() { 
    alert("Hello World"); 
    }); 

    </script> 

</head>                 
<body>                 
    <h2>My jQuery Test page</h2> 
    <a href="http://www.google.com">Google</a> 
<br>          
    <a href="http://www.yahoo.com">Yahoo</a> 
</body>                 

原始代碼是比較複雜的,但它不會工作。

$(document).ready(function() { 
    $("a").click(function() { 
    alert("Hello world!"); 
    }); 
}); 
+0

檢查您在src屬性中指定的jquery文件的路徑。 – alexl 2011-04-08 14:27:35

+0

正如人們下面所說 - 你的jquery.js不在同一個目錄中。該代碼是有效的。 – 2011-04-08 14:27:55

+0

我猜jQuery只是沒有被加載。如果是這種情況,您應該在控制檯中看到類似'ReferenceError:$未定義'的內容。 – 2011-04-08 14:28:48

回答

6

這個問題可能是jquery.js的引用,因爲您看起來正確的代碼。 (你可以找到更多關於直接包含jQuery的信息或使用CDN here.

你可能想要檢查你的代碼是否在正確的目錄下,或者如果你有困難,你可以使用CDN託管版本通過包括:

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

Demo

+0

文件存在但文件爲空。在使用Rionmonster的鏈接並開始工作之後,我發現了這個問題。 – jreddy 2011-04-08 15:47:31

+0

很高興你能找到解決方案:) – 2011-04-08 15:54:56

1

我能想到的唯一的事情是,的jquery.js不存在。

1

聽起來像你正在得到一個JavaScript錯誤。可能你的jQuery路徑是不正確的。 你可以嘗試從谷歌包括你的jQuery:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.js"></script>