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

我正在Grails中制作一个应用程序（在这个应用程序中，我使用AJAX和jQuery），当我更改用户时，我希望将微调器置于所有页面之上

然而，它在一段时间内（大约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>

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

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

myTemplate（JS）：

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

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

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

---

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

为此,， 问题可能是由于内容在一段时间后发生了更改

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

div的内容以其他方式更新