jQuery的我如何在下一个点击之前执行一类变函数

Question

我有脚本的该位是得到一些数据，并把它放在一个名为.tile-area-main

我需要能够class知道如何延缓整个click来介绍一个新的class，这将是一个动画，将运行一秒钟，然后再移动到新的点击....我怎么去做这件事？ ...

（我相信有添加类超时是有点什么，我一直在研究）

有问题的脚本

$(document).ready(function() { 
    $("body").on("click", ".slide", function(e) { 
     e.preventDefault(); 
     var url = $(this).attr('data-url') + ' #' + $(this).attr('data-target'); 
     $('.tile-area-main').load(url); 
    }); 
}); 

Answer 1

您需要使用setTimeout

在指定的延迟后调用函数或执行代码片段。

$("body").on("click", ".slide", function(e) { 
    e.preventDefault(); 

    //remove and add the required classs 
    $(yourElement).removeClass('a').addClass('b'); 

    //Delay the execution of load 
    setTimeout(function(){ 
    var url = $(this).attr('data-url') + ' #' + $(this).attr('data-target'); 
    $('.tile-area-main').load(url); 
    }, 1000); //Time interval in milliseconds 
});