2012-11-19 16 views
0

令人費解的是,渲染和正常運行的網頁已停止工作。據我所知,我使用的是之前使用的瀏覽器(Chrome v。23.0.1271.64),同樣的JQuery等。我嘗試將JQuery升級到最新版本,並且我仍然使用有此問題。當我點擊「稍後閱讀」時,我看到消息「Uncaught ReferenceError:foo未定義index.html:14 onclick」包括jquery打破我的簡單網頁

當我註釋掉Jquery include時,它可以工作。

我試過在Firefox中,並且得到了相同的結果。

這裏是我的網頁:

<html> 
    <head> 
    <title>Kanban2go API Test Page</title> 
     <script src="lib/jquery-1.8.3.min.js"/> 
     <script> 
      function foo(event) { 
       console.log("Foo!") 
       return true; 
      } 
     </script> 
    </head> 
    <body> 
    <form action="#"> 
     <input type="submit" value="Read Later" onclick="foo(event);"/> 
    </form> 
    </body> 
</html> 

編輯:

感謝所有的答覆。我投了所有與我的問題有關的答案,但我只能接受一個答案。

+6

腳本標籤不自閉合..你應該添加結束標記'' –

+0

唉那就是問題所在。 –

回答

3

始終使用</script>。切勿自行關閉的腳本標籤:

<script src="lib/jquery-1.8.3.min.js"></script> 
<script> 
      function foo(event) { 
       console.log("Foo!") 
       return true; 
      } 
</script> 
4

<script src="lib/jquery-1.8.3.min.js"/>應該<script src="lib/jquery-1.8.3.min.js"></script>

4

腳本不是自閉標記

變化

<script src="lib/jquery-1.8.3.min.js"/> 

<script src="lib/jquery-1.8.3.min.js"> </script>