Изображение исчезнет после загрузки таблицы через jquery

Question

Моя главная цель - чтобы при нажатии кнопки отображался загрузочный gif, а затем исчезал, когда в div загружалась информация из функции jquery. Страница не загружается, поэтому я не могу использовать опцию.load и не могу найти другой способ, который работает. Вот что у меня есть...

В моем файле index.php у меня есть кнопка, настроенная так:

<button id="btnQuery">Query</button>

И тег div, который содержит мой загрузочный GIF:

<div id="dvLoader" style="display:none;">
     <img src="..//images/loading.gif">;
</div>

У меня также есть тег div, где я тоже получаю информацию из загружаемого запроса:

<div class="Info" id="Info"></div>

Затем я должен обработать jquery при нажатии кнопки.

$('#btnQuery').click(function() {
    $('#dvLoader").show();
    var start_date = $('#startDate').val();
    var src = 'file.php?startDate='+start_date;
    $('Info').load(src);
}

dvLoader отображается, когда я нажимаю кнопку "Запрос", но не исчезает после загрузки элемента "Информация".

Я пытался заставить изображение исчезнуть, когда все загружается из функции jquery, но ничего не работает. Какие-либо предложения?

Answer 1

Что касается загрузки страницы, это может быть целый список причин, и, не видя расширенной информации о том, что делает страница, я не могу помочь.

Чтобы ответить на ваш вопрос о том, как снова скрыть элемент после завершения загрузки, вы можете сделать следующее:

$('#btnQuery').click(function() {
    $('#dvLoader').show();
    var start_date = $('#startDate').val();
    var src = 'file.php?startDate='+start_date;
    $('.DumpInfo').load(src, function() {
        $('#dvLoader').hide();
    });;
}

Переданная функция сработает после завершения загрузки, как описано в документации JQuery для загрузки.