javascript - 如何在 jQuery 中使用queue()

Question

我有以下提交表单的 jQuery 代码(通过 AJAX 函数):

$("#btnUpdate").on( "click",function(event){
    //disable default click operation
    event.preventDefault();
    update_conference_settings();
    $('.welcome-lightbox-close').click();
  });

update_conference_settings() 是提交 ajax 表单并返回确认的函数。 .welcome-lightbox-close 关闭表单所在的模式。

目前，.welcome-lightbox-close 似乎会立即关闭，而 update_conference_settings 则不会返回确认信息(尽管表单确实已提交)。我怎样才能添加一个队列呢？

http://api.jquery.com/queue/似乎是正确的函数，但我不确定语法如何在 update_conference_settings(); 代码上工作？

谢谢

Answer 1

从 update_conference_settings() 函数返回 $.ajax() 的返回值。然后将您的代码更新为

$("#btnUpdate").on( "click",function(event){
    //disable default click operation
    event.preventDefault();
    update_conference_settings().then(function() {
            $('.welcome-lightbox-close').click();
        });
});

这里我们使用 $.ajax() 返回的延迟对象。