chrome浏览器

Question

＆＃13;

＆＃13;

function refreshdata() {
  $('.overlayloading').toggle(true);
  fetchData();
}

＆＃13;

＆＃13;

＆＃13;

此处$('.overlayloading').toggle(true)仅在Chrome中执行fetchData()后执行。它在Mozilla中运行良好。但它不适用于谷歌浏览器浏览器。我试图在fetchData函数之前加载加载动画。但是在执行fecthData函数后显示加载动画。

Answer 1

您可以将回调传递给切换，因此它实际上等待动画在执行函数之前完成。

$('.overlayloading').toggle(400,fetchData);

如果您希望在动画开始之前加载数据，可以将切换功能作为回调传递给fetchdata或返回一个承诺，您将使用该承诺在then()

中执行切换

Answer 2

你可以尝试

function refreshdata() {
  $('.overlayloading').toggle(true);
  window.requestAnimationFrame(fetchData);
}

确保在调用fetchData之前，显示切换实际上在视图中完全生效。