Ajax加载gif

Question

我想在从服务器获取实际内容时显示加载gif。如果只是那样，我知道如何完成这件事。我面临的问题是我想把这个加载gif显示为一个模态框。有人可以帮忙吗？

已编辑：以下是我在代码中所做的事情

$('#'+buttonId).click(function(){

        // Put an animated GIF image insight of content
        $.colorbox({html:"<img src='/mysite/images/" + imageId + "'/>", open:true, opacity:"0.60"});

            // Make AJAX call
           $('#'+ divId).load("/mysite/" + urlToLoad);

    });

这里我尝试使用colorbox作为模态功能，这确实给了我模态窗口......但是即使在内容加载后，窗口仍保持打开状态。

Answer 1

感谢上述所有回复人员。我确实找到了解决方案。我刚刚阅读了jquery文档，你可以在其中指定一个回调函数作为加载函数的一部分....我使用它来关闭模态框。

Answer 2

就像使用加载gif一样

• 加载数据通话
• show modal
• 已加载数据
• 隐藏模态

你正在使用jquery或类似的东西吗？

Answer 3

创建一个涵盖所有内容的div并将图像放在其中。通过javascript获取视口高度和宽度以设置div的高度和宽度，然后绝对将其定位在0,0，z-index为99.

Answer 4

您使用的是哪些JavaScript库？大多数优秀的JavaScript库都有非常易于使用的模态盒插件。如果您手动编写JavaScript应用程序，我强烈建议您查看jQuery。您会非常满意它的学习和使用是多么容易，以及它拥有多少社区支持和插件。