1

我有一个页面，当用户单击“完成”时，会在后台调用几个 Web 服务方法，然后当一切成功完成时，窗口会关闭。现在我正在使用 Jquery BlockUI 插件来显示一条消息，上面写着“请稍候......”，它工作得很好。现在我想在该消息中显示一个小 GIF 动画（一个小进度微调器表示页面仍在执行）。以下作品（种类）：

$.blockUI({ message: '<br /><img src="CPSupport/SiteArt/progress.gif" alt="" /><br /><h3>Please wait...</h3>' });

.GIF 是显示的，但没有动画，因为表单是立即提交的。我知道这可以通过 AJAX 解决，但我还读到将 GIF 放入 iframe 也可以。如果我能按照我需要的方式让它工作，那么 iframe 的想法似乎就更少了。这是我现在正在尝试的：

$.blockUI({ message: '<br /> <iframe src="CPSupport/SiteArt/progress.gif" height="60px" width="60px" scrolling="no" frameborder="0" id="progressIframe" /><br /><h3>Please wait...</h3>' });

但是现在我根本看不到 GIF，也看不到 iframe。谁能告诉我我做错了什么，或者这是否可行？我只需要 GIF 在 BlockUI“消息”中设置动画，直到窗口关闭。

非常感谢您提供任何提示/建议！-劳埃德

4

2 回答 2

1

您可以将<iframe>src 设置为GIF文件吗？ 您应该在其中制作一个带有 GIF 的 HTML 页面并显示... 另外，我建议使用 ajax 和 iframe :)

于 2011-04-19T14:57:17.957 回答
1

src 属性指定要在 iframe 中显示的文档的 URL。也就是说，您需要显示网页，而不是图形。

为您的 gif 制作一个简单的 html 包装器，并将其加载到您的 iframe 中。现在在 iframe 周围包裹一个外部 DIV 元素。最后，使用元素阻塞调用整个事情：http: //jquery.malsup.com/block/#element

于 2011-04-19T14:58:41.307 回答