Question

我是jQuery的新手，但对编程并不陌生。我仍然无法找到这段简单代码的错误：

$(document).ready(function() {
    $('.footer').click(function() {
        $('.footer').fadeOut('slow');
    });
});

它不能在我自己的网站上运行，但是当我使用codeacademy时它确实有效。这有什么问题？

编辑：前一段时间我提出了这个问题。当我开始使用jQuery时，当时我不理解这是一件简单的事情。解决方案是在javascript中执行任何其他操作之前先导入库。代码确实在codeacedemy中工作，因为库是自动导入的。对于每个初学者来说，这一点非常重要，但这条信息在网上无处不在。

Answer 1

几个检查站......

确保在<head>。

中包含jQuery库

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

如果没关系，你有一个类.footer的元素吗？如果没有，是ID吗？在这种情况下，您需要添加：

$(document).ready(function() {
    $('#footer').click(function() {
        $('#footer').fadeOut('slow');
    });
});

实际上，这可以用另一种最佳方式完成：

$(document).ready(function() {
    $('#footer').click(function() {
        $(this).fadeOut('slow');
    });
});