在未刷新的情况下使用页面一段时间后，HTML元素丢失

Question

我正在Grails中制作一个应用程序(在这个应用程序中，我使用AJAX和jQuery(，当我更改用户时，我想把微调器放在所有页面之上。

然而，它在一段时间内(4月10分钟(运行良好，在使用此页面一段时间后，没有刷新微调器将不再出现。原因是缺少包含微调器的HTML元素。

有人能告诉我为什么会发生这种事吗？

以下是较短版本的代码：

主页(HTML(：

<div class="container">
<div id="changeUserDiv">
<g:render template="/changeUser"/>
</div>
<div>
<div id="errorContainer"></div>
<g:render template="myTemplate"/>
</div>
<div id="loadingAllPage" class="modal-background" style="display:none;">
<i class="fa fa-5x fa-spinner fa-spin"></i>
</div>
</div>

主页(JS(：

$("#changeUserDiv").change(function(){
$("#loadingAllPage").show();
ajaxAction();
});

myTemplate(JS(：

function ajaxAction()
{
// some code
$.ajax({
// some code
success:function(data){
$("#loadingAllPage").hide();
});
}

Answer 1

首先，这不是显示加载程序的正确方式。你应该检查一下其他方法来解决这个问题。

为此，问题可能是由于一段时间后内容发生了变化

1. 来自另一个页面的具有时间间隔的其他ajax调用

2. div的内容以其他方式更新