Question

我有这个问题我想加载一个iframe，但是当你在页面中插入iframe时，浏览器仍会加载iframe，即firefox仍然会在浏览器顶部显示加载栏。

即

    $('.data').html('<iframe src ="http://www.muna-abigail.com" width="100%" height="700" 
frameBorder="0"></iframe>');

这仍然需要浏览器加载，但我真的只想用jquery加载它，所以它给人的感觉它仍然是即时的，我宁愿拥有自己的加载栏然后触发浏览器中的那个感谢：））

Answer 1

你做不到。从外部源访问数据时，浏览器将始终显示加载内容。不显示加载事物的唯一方法是使用Ajax（XMLHTTPRequest对象或ActiveXObject for IE）。

Answer 2

没试过。但是不应该在document.ready上做这个吗？

$(document).ready(function () {
    $('.data').html('<iframe src ="http://www.muna-abigail.com" width="100%" height="700" 
frameBorder="0"></iframe>');
})

Answer 3

在您的网页中插入iframe代码并使用下面的Jquery代码......

 $('#iframe_id').attr({'src' : 'http://www.muna-abigail.com'}).css({'width':'100%' , 'height':'700'});

Answer 4

如果您使用jQuery的Ajax调用，即.load（），您可以使用gif加载器来“加载”页面：）

看到这个，它完全是你想要的：

http://www.electrictoolbox.com/load-content-jquery-ajax-loading-image/

如何使用jquery加载iframe？

4 个答案: