Question

所以我目前正在使用此代码在登录时显示加载图片。

HTML

<div id="overlay">
<div class="spinner"></div> 
</div>

JavaScript

var overlay = document.getElementById("overlay");

window.addEventListener('load', function(){
  overlay.style.display = 'none';
})

此代码可以正常工作，但我遇到的问题是，当有人登录时，网站需要一段时间才能加载登录屏幕，然后再将其带到仪表板屏幕。所以我想知道是否有一种方法可以在屏幕上添加此加载图像，同时它会加载但仍然没有进入下一页？

我希望这是有道理的，请提前感谢您的帮助！

Answer 1

通常您不需要下一页上的微调器，您希望在返回下一页之前在第一页上应用微调器，因此您可能希望将事件附加到onclcik的登录按钮上第一页。类似的东西：

var bttn = document.getElementById('yourButtonId');
bttn.addEventListener('click', function(){
      overlay.style.display = '';
    });

Answer 2

听起来你只想在页面完全加载时你的叠加层消失;我对么？

Subject<List<Integer>> left = BehaviorSubject.createDefault(Arrays.asList(1, 2, 3));
Subject<List<Integer>> right = BehaviorSubject.createDefault(Arrays.asList(4, 5, 6));
Observable<List<Integer>> merged = Observable.zip(left, right, (value1, value2) -> {
    List<Integer> list = new ArrayList<>();
    list.addAll(value1);
    list.addAll(value2);
    return list;
});
merged.subscribe(System.out::println);

单击远离页面时加载图像

2 个答案: