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

Jquery格式化-在另一个函数完成后运行该函数,jquery,Jquery,我有两个jQuery函数。我想先运行下面的第一个函数,然后在该函数完成后再运行另一个函数。通常我会在代码的第一位添加一个函数,但不确定如何使用这个块,或者它是否正确 简而言之,我想让这段代码运行 $('#setupPanel').modal({ backdrop: "static", keyboard: false }); 此函数完成执行后 $('html, body').animate({ scrollTop: $("#header_wrap"

我有两个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
    });
});
您可以尝试以下方法:

更新:

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

$(setUp).click(function () {
        $('html, body').animate({
            scrollTop: $("#header_wrap").offset().top
        }, 600, function() {
          $('#setupPanel').modal({
              backdrop: "static",
              keyboard: false
          })
      }});
});
您可以尝试以下方法:

更新:

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

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

你能详细说明一下这是怎么回事吗?我应该把.modal()函数放在哪里?把它放在模式下。()函数?@MikeBarwick是的,在调用
modal()
notworkman之后把它放进去。我编辑了我的帖子,把整个功能都包括进来,供大家审阅。他们两个都在同时跑,还是不行。我需要点击按钮(这是设置变量),滚动到页面顶部(如果还没有),然后在页面顶部执行一次模式弹出。现在他们两个同时在跑步。哪种方法可以工作,但如果我在页面的下一步,就不行了。@MikeBarwick在这种情况下,您可以尝试使用动画回调函数,该函数将在动画完成后执行。您能否详细说明如何工作?我应该把.modal()函数放在哪里?把它放在模式下。()函数?@MikeBarwick是的,在调用
modal()
notworkman之后把它放进去。我编辑了我的帖子,把整个功能都包括进来,供大家审阅。他们两个都在同时跑,还是不行。我需要点击按钮(这是设置变量),滚动到页面顶部(如果还没有),然后在页面顶部执行一次模式弹出。现在他们两个同时在跑步。哪种方式可以工作,但如果我在页面的下一个位置,就不行了。@MikeBarwick在这种情况下,您可以尝试使用动画回调函数,该函数将在动画完成后执行。