Question

在我的网络应用程序中，我称文档可能很大。此文档已加载到iframe中。

我有一个标题，按钮和文本都取决于这个文件。文本来自大文档，并显示在iframe中。当文档加载到3个位置时，我想显示一个动画gif（1：文档标题，2：文档按钮，3：文档文本，iframe）

我在iframe上尝试过onload事件，但这并没有给我带来理想的效果。

这是加载文档的代码：

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

您是否尝试过.ready() - http://api.jquery.com/ready/

Answer 2

您可以使用Jquery块并取消阻止...

Answer 3

我创建了一个带有图像和文字的div。在我的函数中，我使这个div可见。我还创建了一个隐藏这个div的javascript函数（closeLoading（））。在iframe的onload中，我调用closeLoading（）。我从这个网站获得灵感：http://mf.pastebin.com/f3c863aa4

jquery等到加载大文件

3 个答案: