javascript - Jquery 如何在按钮单击后删除并添加一个类，并在其他函数之前延迟时间

Question

我目前有一个用于单击以下 html 按钮的脚本，该脚本又会显示一些标有“目标数据”的内容

a标签......

<a class='slide' href='#' data-url='who-are-musability-music-therapy.html' data-target='#music'>
          <span class='element'>Music</span>
         </a>

加载的数据目标...

<div id ="overview" class="animated bounceInUp"></div>

以及执行点击操作的 jquery ...

$(document).ready(function(){
  $("body").on("click", ".slide", function(e){
    e.preventDefault();
    console.log($("#tam-content").load($(this).data("url") + ' ' + $(this).data("target")));

  });
});

问题:- 我如何在脚本中放置一个 2 秒的计时器，以便它删除类ounceinup并添加bounceoutup，然后正常转到链接？

Answer 1

很难说，但也许这就是您正在寻找的东西:

$(function(){
  $('.slide').click(function(){
    var t = $(this), tc = $('#tam-content');
    tc.load(t.data('url')+' '+t.data('target'), function(){
      setTimeout(function(){
        var a = tc.find('.animated');
        if(a.hasClass('bounceInUp')){
          a.removeClass('bounceInUp').addClass('bounceOutUp');
        }
        else if(a.hasClass('bounceOutUp')){
          a.removeClass('bounceOutUp').addClass('bounceInUp');
        }
        // run other code here
      }, 2000);
    });
  });
});