JQuery addClass影响一次

Question

我希望在按下按钮时为我的div标签设置动画，方法是通过jquery添加animate.css类，但这只能工作一次，并且每次按下按钮后都会停止工作。

这是HTML代码：

    <div id="note" class="">a</div>
    <button id="submit">submit</button>

这是jquery

$(document).ready(function() {
$('#submit').click(function() {
    $('#note').removeClass();
    $('#note').addClass('animated fadeInLeft');
    $('#note').html('some text');
});});

你可以在http://jsfiddle.net/Lgg9D/5/看到
每次按下按钮如何动画div？
感谢

Answer 1

你可以试试这个：

$('#submit').click(function() {        
    $('#note').removeClass();
    setTimeout(function(){
      $('#note').addClass('animated fadeInLeft');
      $('#note').html('some text');
    },1);        
});

Demo

Answer 2

在删除课程之前只需要一点时间。你可以在删除课程后添加一点延迟：

$(document).ready(function() {
    $('#submit').click(function() {
        $('#note').removeClass('animated fadeInLeft');
        setTimeout(function(){
            $('#note').addClass('animated fadeInLeft');},50);

        $('#note').html('some text');
    });
}); 

http://jsfiddle.net/Lgg9D/13/

Answer 3

为什么不只是切换类，它只处理添加和删除

$(document).ready(function() {
    $('#submit').click(function() {
        $('#note').toggleClass('animated fadeInLeft');
        if($("#note").html() == 'a')
        {
        $('#note').html('some text');
        }
        else
        {
        $('#note').html('a');
        }
    });
});

Demo Fiddle