Question

所以我有一个jquery测验。为了能够开始测验，您必须单击“开始”按钮。 Onclick，标题文本被删除，测验垂直居中（所有这一切应同时发生）。但是，由于我的代码，标题文本被删除然后测验居中。如何让它们同时运行？

这是我错误的代码：

  $('#get-started').click(function(){
    $('#index-banner').fadeOut(200, "swing"); 
    $('#begin-exam').delay(210).fadeOut(180, "swing");

    setTimeout(function(){
        $('#content').animate({top:'25%'},700).addClass('center-exam');
  }, 209);

  });

“中心考试”课程只是在测验中添加“绝对”位置，以便它可以垂直居中

Answer 1

将.animate和.addClass链接在一起时，将它们与＆＃39;连接起来。＆＃39;一个运行并完成，然后另一个运行。通过将它们放在单独的语句中，它们可以并且将尽可能地同时运行。

$('#get-started').click(function(){
$('#index-banner').fadeOut(200, "swing"); 
$('#begin-exam').delay(210).fadeOut(180, "swing");

setTimeout(function(){
    $('#content').animate({top:'25%'},700);
    $('#content').addClass('center-exam');
 }, 209);
});

同时运行jquery事件

1 个答案: