jquery - AddClass onClick 不起作用

标签 jquery html css animation web

<分区>


想改进这个问题吗? 更新问题,使其只关注一个问题 editing this post .

关闭 9 年前

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

$('.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 是我想在点击链接时添加的类。知道为什么这行不通吗?

最佳答案

试试这个:

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

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

关于jquery - AddClass onClick 不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17414860/

上一篇:javascript - 如何在单击按钮时显示 div?

下一篇:html - 使用 CSS 自定义 <div> 边框

相关文章:

javascript - 针对除 10 以外的所有 IE

javascript - 流程图不是从ajax数据中绘制的

html - 表格列垂直显示而不是水平显示 - Bootstrap

javascript - 带有 Phaser.io : High speed, Sprite 的 HTML5 游戏不会发生碰撞

css - 如何让我的网站响应智能手机

javascript - 按自定义属性按字母顺序排列选择菜单中的选项

javascript - 在提交之前用 jquery/ajax 替换/编码 < 和 >

javascript - 如果输入已填写,则将值写入另一个输入

css - 为什么 Firefox/Chrome 响应式仿真和智能手机之间存在差异?

html - 如何增加选择的高度?