jquery - 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的类，是点击链接时我要添加的类。知道为什么这不起作用吗？

score 3 · Accepted Answer

尝试这个：

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

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

score 0 · Accepted Answer

以防万一您正在寻找淡出效果（从我在您的评论中读到的），试试这个：

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

这需要 jQuery。 小提琴

2 回答 2