Jquery格式化 - 在另一个完成后运行函数

Question

我有两个jQuery函数.下面的第一个我想先运行,比该功能完成时,运行另一个.通常我会在第一段代码中添加一个函数,但不知道我是如何使用这个块或者它是正确的方法.

简而言之,我希望这段代码能够运行......

$('#setupPanel').modal({
        backdrop: "static",
        keyboard: false
});

此功能完成执行后...

$('html, body').animate({
        scrollTop: $("#header_wrap").offset().top
}, 600);

编辑: 这是整个功能......

$(setUp).click(function () {
    $('html, body').animate({
        scrollTop: $("#header_wrap").offset().top
    }, 600);
    $('#setupPanel').modal({
        backdrop: "static",
        keyboard: false
    });
});

Answer 1

你可以试试promise()方法:

$(setUp).click(function () {
    $('#setupPanel').modal({
        backdrop: "static",
        keyboard: false
    }).promise().done(function() {
        $('html, body').animate({
            scrollTop: $("#header_wrap").offset().top
        }, 600);    
      });
});

更新:

您还可以使用.animate()方法的回调函数:

$(setUp).click(function () {
        $('html, body').animate({
            scrollTop: $("#header_wrap").offset().top
        }, 600, function() {
          $('#setupPanel').modal({
              backdrop: "static",
              keyboard: false
          })
      }});
});