0

我是 jQuery 新手,并且使用更简单的脚本创建了一个简单的 index.html。但是,jQuery 库似乎没有加载,因为在我的 firebug 控制台中我收到以下错误:

TypeError: $ is not a function
$(document).ready(function() {

下面是我的 index.html:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Online Calorie Tracker and Analyzer</title>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.css">
     <script src="http//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script src="js/bootstrap.js"></script>
    <script src="initialize.js"></script>
  </head>
  <body>
    <div class="container">
      <h1>Calorie Tracker and Analyzer</h1>
          <div class="navbar">
              <div class="navbar-inner">
                <div class="container">
                  <ul class="nav">
                    <li class="active"><a href="index.html">Home</a></li>
                    <li><a href="#">Track Food</a></li>
                    <li><a href="#">Analyze Food</a></li>
                    </ul>
                </div>
              </div>
            </div>
      <div class="hero-unit">
    <h1>A healthy you begins with tracking and analysis</h1>
     <p>10 out of 10 doctors agree. Losing weight is healthy. With our online calorie tracker and analyzer, the power is in your hands!</p>
     <button class="btn btn-danger" id="btn1">Get Started</button>
 </div>
    </div>


  <body>
<html>

这是 jQuery 脚本:

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

任何帮助表示赞赏!

4

2 回答 2

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

应该:

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

此外,建议在标签末尾之前加载 JavaScript <body>,以提高页面加载速度。

另外:您的结束<body>标签应该是</body>(缺少正斜杠)。

于 2013-09-04T15:26:50.253 回答
0

我遇到了同样的问题,它也是由于互联网问题而发生的。有时由于超时 cdn 无法加载库。在这种情况下,尝试下载该库并在项目中使用它:http: //jquery.com/download/

于 2015-03-21T14:58:41.673 回答