jquery - 在 @PostConstruct 处理时加载 div

Question

问题是我有一个页面从互联网上带来一些代码，并且网络连接不断变化，因此该页面有时需要很长时间才能呈现，所以我想在该页面上显示加载图像@PostConstruct 调用 URL 时的页面

我尝试将此脚本放入我的模板中

<script>
 $ = jQuery;
$(window).load(function(){
  $('#loading').show();
});
$(document).ready(function() {
 $('#loading').fadeOut(1000);
}); 
</script>

但它只有在 @PostConstruct 完成后才有效

有人知道在 @PostConstruct 处理时如何做到这一点吗？

Answer 1

在 @PostConstruct 处理时无法运行任何东西，而且 $(document).ready(function() 仅在 DOM 加载后(即 @PostConstruct 完成后)起作用它的工作，所以作为解决这个问题的方法，您需要从脚本代码中删除一些行并将其更改为

<script>
 $ = jQuery;
$(document).ready(function() {
 $('#loading').fadeOut(1000);
}); 
</script>

并让您使用的任何链接都可以通过添加此脚本来调用 @postProcessing 以显示加载 div

<script>
$(document).ready(function(){
    $('.linkClass').click(function(){
         $("#loading").show(); 
    });
});
</script>