javascript - jQuery代码不起作用

Question

我是 jQuery 新手，但对编程并不陌生。我仍然无法找出这段简单的代码有什么问题：

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

它在我自己的网站上不起作用，但在我使用 codeacademy 时它确实起作用。这有什么问题？

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

score 1 · Accepted Answer

几个检查站...

确保将 jQuery 库包含在<head>.

<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');
    });
});

1 回答 1