javascript - chrome 浏览器中的 jquery 代码执行问题

标签 javascript jquery

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

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

最佳答案

你可以给toggle传递一个回调函数,所以它实际上是在等待动画完成后再执行这个函数。

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

如果您希望在动画开始之前加载数据,您可以将切换函数作为回调传递给您的 fetchdata 或返回一个 promise ,您将使用它在 then() 中执行切换

关于javascript - chrome 浏览器中的 jquery 代码执行问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43936585/

相关文章:

javascript - 如何使用TideSDK启动steam游戏?

javascript - AngularJS 处理表单上的表单单击

javascript - 在 React 中动态生成的链接之外的 html 链接之间添加项目符号 (•)

javascript - 获取滚动元素jquery的百分比

javascript - jquery javascript 图像阴影

jquery - 使用两行标题进行表格排序

javascript - 到 HTML 文件的 Angular 路由不起作用

javascript - jQuery - 为什么我不能将事件绑定(bind)到循环中的元素?

javascript - jQuery mouseenter 技巧?

javascript - 将 KnockoutJS 绑定(bind)到 Google map InfoWindow 内容