javascript - 为什么加载程序延迟后来？

Question

我创建了一个divfor loader并将其display: none设为默认值。并称为嵌套函数。在第一个函数开始时，我制作了 loader display: flex，但在 Firefox 中显示加载器需要大约1-2 秒，而在 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;
}

标签： javascriptjqueryhtmlcss