Question

当我输入我的代码时，我标记了一个带有标题的div，并将jQuery代码放入其中，以便当我将鼠标悬停在它上面时它会扩展。但是，当我把它放在我的代码中时，这似乎并不起作用？

我使用的代码在这里：

http://www.codecademy.com/courseBlaster14854_53a1c3f8631fe99231000802_deleted_53a1c3f8631fe99231000802_deleted/codebits/gioGOU/edit

Answer 1

看起来你没有链接到jQuery库。尝试将以下一行添加到<head>：

的1.x

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

2.x的

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

E.g。

<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <script src="script.js"></script>
    <title> Risebush|home </title>
</head>

<强>更新

将script.js替换为：

$(document).ready(function () {
    $("#info").hover(function () {
        $(this).closest("#info").css("z-index", 1);

        $(this).animate({
            height: "400"
        }, "fast");

    }, function () {
        $(this).closest("#info").css("z-index", 0);
        $(this).animate({
            height: "250"
        }, "fast");
    });
});

Answer 2

您需要导入Jquery库才能使用它。在head代码中添加以下内容：

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

Answer 3

您忘了关闭文档就绪括号

$(document).ready(function() {
   $('#info').mouseenter(function() {
       $(this).animate({
           height: '+=10px'
       });
   });
});

jQuery根本不工作？

3 个答案: