问题是我有一个页面可以从互联网上获取一些代码并且网络的连接上下波动所以页面有时需要很长时间才能呈现,所以我想在该页面上显示加载图像,而@PostConstruct 调用 URL

我试图把这个脚本放在我的模板中

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

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

任何人都知道在@PostConstruct 处理时该怎么做吗?

最佳答案

@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>

关于jquery - 在@PostConstruct 处理时加载 div,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/25397938/

10-12 22:28