Question

我正在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>

主页面（JS）：

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

myTemplate（JS）：

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

Answer 1

首先，这不是显示加载程序的正确方法。您应该检查其他方法以清除此问题。

为此，问题可能是由于一段时间后内容有所更改

从另一个页面按时间间隔进行其他ajax调用
div的内容以其他方式更新

在使用页面一段时间后刷新后缺少HTML元素

1 个答案: