Question

我有一个非常简单的HTML页面

<!doctype html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <link rel="stylesheet" href="css/style.css">
    <script src="js/jquery-2.1.4.min"></script>
    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
</head>

<body>
    <p>Lorem ipsum dolor sit amet</p>
    <script>
    $("#selector").hover(function() {
        $("#selector").toggleClass("green");
    });
    </script>
</body>

但我不断得到错误ReferenceError：$未定义 - 似乎不能随时加载jQuery？我试过上下移动，chnaged版本和来源，任何想法为什么它不加载？

http://jsfiddle.net/evpwjaLa/

虽然它适用于小提琴，但不适用于我当地的作品

Answer 1

我猜以下行在本地主机上执行了某些操作，但在jsfiddle上没有：

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

顺便说一下，您是否尝试在同一页面中包含两个不同版本的jQuery？并且文件名中缺少.js吗？

Answer 2

我想jQuery库的链接是错误的。这适用于我的电脑：

<!doctype html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<link rel="stylesheet" href="css/style.css">
<script src="js/jquery-2.1.4.min"></script>
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script> <!-- I always use this link when I'm using jQuery library :) -->
</head>
<body>

  <p>Lorem ipsum dolor sit amet</p>

<script>
$("#selector").hover(function () {  $("#selector").toggleClass("green");     });
</script>
</body>

请注意，您在文档中包含了两次jQuery。

Answer 3

您已包含两个jquery文件，无需添加两个jquery文件。

卸下：

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

更新了jsfiddle：

http://jsfiddle.net/evpwjaLa/1/

jQuery没有加载在一个非常简单的HTML页面上

3 个答案: