AddClass onClick将无法正常工作

Question

我在使用一些简单的jQuery时遇到了一些问题;我正在尝试在点击时向我的fadeInLeft元素添加一个名为body的类。这是代码：

$('.contact-button').click(function() {
    $('body').addClass('fadeInLeft')
});

HTML（来自OP留下的评论，见下文）：

<div id="contact" class="bounceInRight animated four">
    <a href="#" class="contact-button"> Say Hello </a>
</div><!--End of contact-->

contact-button是链接的类，fadeInLeft是我想在单击链接时添加的类。知道为什么这不起作用吗？

Answer 1

试试这个：

$( document ).ready(function() {
    $('.contact-button').click(function() {
       $('body').addClass('fadeInLeft')
    });
});

确保函数在页面加载后绑定。它可能试图将click事件绑定到一个尚不存在的对象

Answer 2

如果您正在寻找淡出效果（根据我在您的评论中所读到的内容），请尝试以下操作：

$('.contact-button').click(function() {
    $('body').fadeOut("slow", function() {
       $('body').addClass('fadeInLeft')
    });     
});

这需要jQuery。 的 FIDDLE