Question

我正在使用具有相关多个时间戳的时间戳。当我从视图中更改单个timepicker时，写jquery来更新所有其他timepicker时间。我的jquery如下：

 $("#empattendance-ea_check_in").timepicker("option", "onClose", function(time) {
    $(".check-in-time").timepicker("setTime", time);
});

#empattendance-ea_check_in是我的单一时间选择器，当我更改此选择器时，所有时间选择器都会更新类.check-in-time。

一切顺利。我的问题是，我想显示加载图像，直到所有其他timepicker不会更新。现在onClose timepicker事件加载图像将显示但我没有找到任何成功事件来关闭该加载图像。是否有任何事件或方法来隐藏加载图像？

先谢谢。

Answer 1

这段代码只是同步运行，所以我认为不需要处理任何事件，也不需要寻找回调函数。

如果你有一个加载图像（或带有图像和模态背景的div可能有意义），你只需在运行更新命令之前显示它，然后隐藏它：

$("#empattendance-ea_check_in").timepicker("option", "onClose", function(time) {
  $("#LoadingImage").show();
  $(".check-in-time").timepicker("setTime", time);
  $("#LoadingImage").hide();
});

即使您有100个时间戳，正如您在评论中提到的那样，如果在现代浏览器中花费超过一两秒钟，我会感到有点惊讶，但如果它变成了问题

顺便说一句，如果你有一个页面上有100个单独的可编辑行，也许是时候重新设计UI了： - ）

显示加载图像，直到timepicker不更新

1 个答案: