包括jquery打破了我简单的网页

时间:2012-11-19 16:51:36

标签: javascript jquery

令人费解的是,渲染和正常运行的网页已停止工作。据我所知,我使用的是之前使用的浏览器(Chrome v.23.0.1271.64),同样的JQuery等。我尝试将JQuery升级到最新版本,而我仍然这个问题。当我点击"稍后阅读"我看到了消息" Uncaught ReferenceError:foo未定义index.html:14 onclick"

当我评论Jquery包含时,它可以工作。

我在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>

编辑:

感谢所有回复。我对所有与我的问题有关的答案进行了投票,但我只能接受一个。

3 个答案:

答案 0 :(得分:4)

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

答案 1 :(得分:4)

脚本不是自动关闭标记

更改

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

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

答案 2 :(得分:3)

始终使用</script>。永远不要自行关闭脚本标记:

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