在jQuery BlockUI消息中顯示iframe？

我有一個頁面，當用戶單擊「完成」時，幾個Web服務方法在後臺調用，然後當所有內容都成功完成時，窗口關閉。現在我正在使用Jquery BlockUI插件顯示一條消息，指出「Please wait ...」，它的效果非常好。現在，我想在該消息中顯示一個小GIF動畫（稍微進展一下，說網頁仍在執行）。以下作品（種）：在jQuery BlockUI消息中顯示iframe？

$.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「消息」中設置動畫，直到窗口關閉。

非常感謝您的任何提示/建議！ -Lloyd

來源

2011-04-19 lhan

src屬性指定要顯示的文檔的URL iframe中。也就是說，你需要顯示一個網頁，而不是一個圖形。

爲您的gif製作一個簡單的html包裝，並將其加載到您的iframe中。現在，圍繞iframe包裝一個外部DIV元素。最後，使用Element阻止整個事情：http://jquery.malsup.com/block/#element

來源

2011-04-19 14:58:41

感謝您的回覆！當我直接在頁面上放置iframe（指定一個帶有GIF的新HTML頁面）時，它工作正常，但是當我從BlockUI消息中分割出iframe時，我什麼也看不到。但是，我可以看到iframe的邊框，但沒有任何內容。如果我從HTML文檔中刪除GIF並添加一些文本，也是如此。我從來沒有看到任何iframe內容。有什麼想法嗎？ – lhan 2011-04-19 15:44:20

@lhanneman：看到編輯的答案 – 2011-04-19 16:59:26

真棒，似乎工作。謝謝！ – lhan 2011-04-20 20:05:59

你能設置一個 src到GIF文件嗎？ 你應該製作一個帶有GIF的HTML頁面，並且顯示出...另外，我會推薦使用ajax來代替iframe :)

來源

2011-04-19 14:57:17 pixelbobby

在jQuery BlockUI消息中顯示iframe？

回答

相關問題