Ajax loading 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); 

    }); 

在这里，我想用颜色框的模态功能，这确实给我的模态窗口正在做......但窗口仍然开放，即使内容被加载后。

Answer 1

了模式

您使用jQuery的一样，如果你使用的是加载GIF

• 负载数据呼叫
• 显示模式
• 数据加载
• 隐藏或类似的东西？

Answer 2

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

Answer 3

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

Answer 4

感谢所有上述回复家伙。我确实找到了解决办法。我刚刚阅读jQuery文档，您可以指定一个回调函数作为加载函数的一部分....我用它来关闭模态框。