HTML элемент отсутствует через некоторое время использования страницы без обновления

Question

Я делаю приложение в Grails (в этом приложении я использую AJAX и jQuery), в котором я хочу поставить спиннер над всей страницей, когда я меняю пользователя.

Однако для некоторых он отлично работаетвремя (прим. 10 минут) и через некоторое время использования этой страницы без обновления счетчик больше не появляется.Причина в том, что элемент HTML, содержащий спиннер, отсутствует.

Может кто-нибудь подсказать мне, почему это происходит?

Вот более короткая версия кода:

MAINСТРАНИЦА (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 обновляется другим способом