JQuery ждать, пока большой документ загружен

Question

В моем веб-приложении я называю документ может быть огромным. Этот документ загружается в iframe.

У меня есть заголовок, кнопки и текст, все зависит от этого документа. Текст взят из большого документа и отображается в фрейме. Я хотел бы показать анимированный GIF, когда документ загружается в 3 местах (1: заголовок документа, 2: кнопки документа, 3: текст документа, iframe)

Я пробовал событие onload в Iframe, но это не дает мне желаемого эффекта.

Вот мой код, который загружает документ:

function loadDocument(id, doc) {
    $("#DocumentContent").show();
    $("#ButtonBox").show();

    // Clear dynamic menu items
    $("#DynamicMenuContent").html("");
    $("#PageContent").html("");

    // Load document in frame
    $("#iframeDocument").attr("src", 'ViewDoc.aspx?id=' + id + '&doc=' + doc + '');    

    //    $("#iframeDocument").attr("src", "Graphics/loader.gif");    

    // Load menu items
    $.ajax({
        url: "ShowButtons.aspx?id=" + id + "&doc=" + doc,
        success: function(data) { $("#DynamicMenuContent").html(data) },
        error: function(xhr, err, e) { alert("error: " + err) }
    });    

    // Set document title
    $("#documentTitle").load("GetDocumentInfo.aspx?p=title");
}

Мои вопросы, как я могу отобразить gif загрузчика во время загрузки документа? И удалить GIF, когда документ готов?

Answer 1

Вы можете использовать блок Jquery и разблокировать ...

Answer 2

Я создал div с изображением и текстом. В моей функции я делаю этот div видимым. Я также создал функцию javascript (closeLoading ()), которая скрывает этот div. При загрузке iframe я вызываю closeLoading (). Я получил вдохновение от этого сайта: http://mf.pastebin.com/f3c863aa4

Answer 3

Вы пробовали .ready() - http://api.jquery.com/ready/