jQuery Girl
  1. jQuery Girl
  3. Quand est-ce que le succès d’AJAX est déclenché?
Intereting Posts
Rails changent la valeur booléenne avec la case à cocher et jquery ajax Obtenir une valeur dans jquery autocomplete Reactjs: scroller de contenu personnalisé jQuery avec reactjs jGrowl: Comment puis-je limiter mon interface à un message à la fois? Passer un tableau de Javascript à PHP via POST Appeler un WebMethod en utilisant jQueryAjax “GET” jQuery Saisir le texte dans une balise au format chaîne et append au tableau Fichier HTML externe dans le contenu Bootstrap Popover dans jqgrid treegrid, comment puis-je spécifier que je veux que les données soient réduites par défaut (même si toutes les données sont chargées) Le titre IE est remplacé par si la page contient une URL contenant le caractère “#” et que Flash / swf y est intégré. Comment se déconnecter de la session précédente d’un utilisateur s’il se reconnecte à nouveau sur le même navigateur ou sur un autre navigateur Highchart Télécharger plusieurs graphiques sur une page individuelle Libellé gras de l’axe X sur le survol de point dans les tableaux à colonnes Jquery html5 validation avec des messages d’erreur Changer le remplissage de tous les éléments dans un svg en utilisant javascript

Quand est-ce que le succès d’AJAX est déclenché?

Je souhaite charger un document HTML par AJAX, mais je souhaite le montrer lorsque toutes les images de ce document sont lodées. 

$('.about').click(function () { $(".back").load('Tour.html', function () { $(".back").show(); }); });

“.back” devrait être visible quand toutes les images dans Tour.html sont chargées, quand est déclenché un événement de succès? 

 $(".back").load('Tour.html', function (html) { var $imgs = $(html).find('img'); var len = $imgs.length, loaded = 0; $imgs.one('load', function() { loaded++; if (loaded == len) { $(".back").show(); } }) .each(function () { if (this.complete) { $(this).sortinggger('load'); }); });

Cela nécessite au moins un dans le code HTML renvoyé.

Ce que je suggère est d’utiliser un iframe à la place. Voici un exemple de code en JavaScript simple: 

 var ifr=document.createElement("iframe"); ifr.style.display="none"; document.body.appendChild(ifr); ifr.onload=function() { // Do what you want with Tour.html loaded in the iframe }; ifr.src="Tour.html";

ImagesLoaded est ce que vous recherchez.

Placez tout le code (demande ajax dans ce cas), lorsque les images spécifiées sont chargées.

Le plugin spécifie pourquoi vous ne pouvez pas utiliser load() sur des images en cache