Comment puis-je charger un iframe en utilisant jquery?

Question

J'ai ce problème je veux charger un iframe, mais quand vous insérez l'iframe dans la page, le navigateur charge toujours le iframe i.e firefox montre toujours la barre de chargement en haut du navigateur.

-à-dire

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

cela nécessite encore le navigateur à charger, mais je veux juste le charger en utilisant jquery, il donne le sentiment que son Je préférerais avoir encore instant, ma propre barre de chargement puis pour déclencher l'un des navigateurs grâce :))

Answer 1

Vous ne pouvez pas. Le navigateur affichera toujours le chargement lors de l'accès aux données provenant de sources externes. La seule façon de ne pas afficher le chargement consiste à utiliser Ajax (l'objet XMLHTTPRequest ou ActiveXObject pour IE).

Answer 2

Si vous avez utilisé Ajax appelle avec jQuery, c.-à-.load(), vous pouvez utiliser un chargeur de gif « Charger » la page :)

Voir cela, il ce que vous voulez exactement:

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

Answer 3

Je ne l'ai pas essayé. Mais ne devrait pas travailler sur document.ready?

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

Answer 4

Insérer balise iframe dans la page ur et utiliser mes codes Jquery ci-dessous ...

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