为什么装载机延迟后要来？

Question

我为 loader 创建了一个div，并将其设置为display: none的默认值。 并称为嵌套函数。在第一个功能开始时，我创建了加载器display: flex，但是大约需要 1-2秒才能在Firefox和Chrome加载器中显示加载器。

我不明白为什么会这样？

$(".image-lodaer").css({
  'display': 'flex'
});

function generateChatWindow(id, name) {
  $(".image-lodaer").css({
    'display': 'flex'
  });
  $.when(register_popup(id, name)).then(getMessages(id)).then(reloadRecentChat());
}

register_popup(id, name) {
  html appended;
}

getMessages(id) {
  get message from ajax;
  onsuccess $(".image-lodaer").css({
    'display': 'flex'
  });
}

reloadRecentChat() {
  get latest message;
}