Как я могу загрузить iframe, используя jquery?

Question

У меня есть эта проблема, я хочу загрузить iframe, но когда вы вставляете iframe на страницу, браузер по-прежнему загружает iframe, т.е. firefox по-прежнему отображает панель загрузки в верхней части браузера.

т.е.

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

для этого по-прежнему требуется загрузка браузера, но я действительно хочу загрузить его с помощью jquery, поэтому создается ощущение, что он все еще мгновенный, я бы предпочел иметь собственную полосу загрузки, чем вызывать ее в браузерах, благодаря: ))

Answer 1

Вставьте тег iframe на своей странице и используйте мои коды Jquery ниже ...

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

Answer 2

Вы не можете. Браузер всегда показывает загрузочную вещь при доступе к данным из внешних источников. Единственный способ не показывать загрузку - использовать Ajax (объект XMLHTTPRequest или ActiveXObject для IE).

Answer 3

Не пробовал.Но не должны ли работать это сделать на document.ready?

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

Answer 4

Если вы использовали вызовы Ajax с jQuery, т.е. .load (), вы можете использовать gif-загрузчик, чтобы «загрузить» страницу:)

Посмотрите, это именно то, что вам нужно:

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