jquery - 上一个事件完成后，一个接一个地引发 jquery

Question

可能重复：
如何对与 jQuery 绑定的事件进行排序

我为同一个元素绑定了两个事件。让我们说按钮：

<button>Click</button>

<script>
/*First Event*/
 $('button').click(function(){
   /***Have some piece of code which gets the data that is used for next event***/
 });

/*Second Event*/
 $('button').click(function(){
   /***do some operations with the data that has been fetched from the previous event***/
 });
</script>

现在，每当在按钮上触发单击时，都会同时调用两个事件..所以我无法实现我的目标。

一旦第一个事件完成它的工作，我们可以限制事件应该被调用吗......

注意：上面的代码是解释我的问题的伪代码..

Answer 1

这两个处理程序实际上是按顺序调用的。但是，我们必须假设第一个涉及异步任务（可能是 ajax），而第二个处理程序需要第一个处理程序获得的数据。

秘诀是在一个处理程序中执行两项任务，如下所示：

$('button').click(function(){
    $.ajax({
        //options
    }).then(function(data) {
        //do some operations with the data that has been fetched
    });
});

Answer 2

AFAIK 您无法为 jQuery 事件定义顺序，但您可以使用手动调用或回调来实现相同的目的。