6
votes

Détecter quand le bouton comme Facebook est chargé

Comme vous savez probablement que le bouton Facebook comme Button charge très lentement.

Et j'essaie de comprendre comment détecter lorsque le bouton a terminé le chargement et a été ajouté au site Web.

La raison étant que je montrais une animation de chargement, puis cachez-la et montre le bouton, mais je voudrais afficher le bouton lorsqu'il a fini de chargement.

peut-il être fait?

Merci d'avance tout le monde!


2 commentaires

Autant que je sache, le bouton "J'aime" Facebook traite votre page une fois votre page terminée en chargement de tous les éléments. Il peut être préférable de profil d'abord de votre page pour voir ce qui prend le plus longtemps à charger (probablement des images). J'utilise: développeurs.google.com/chrome-developer-Tools/docs/network


@CodesLeuth Mon site Web n'a pas beaucoup d'images et de charges dans une seconde. J'attends juste que le bouton Facebook comme le charger. Même si cela commence à charger une fois que la charge est terminée, comment le détecter?


3 Réponses :


1
votes

Je suis à peu près sûr que le bouton Facebook comme est enveloppé dans un iframe. Si tel est le cas, vous pouvez trouver quelque chose à réfléchir à l'IFRAME et à utiliser ->

$('iframe[frameborder=0]').load(function(){
  alert("loaded.");
}); 


11 commentaires

C'est un iframe , mais que iframe est inséré par un script (par exemple, // connect.facebook.net/en_gb/all.js ) Et dans mon expérience, c'est le travail du script qui prend du temps, ce qui ne crée pas le iframe et montrant le contenu - cette partie est réellement très rapide. Peut-être que l'OP peut décrire ses symptômes plus. En tout cas, votre réponse résoudra son problème. Remarque: Utilisez $ ('iframe.fb_ltr') car il s'agit de la classe mes pages.


En ce qui concerne le code, j'ai constaté que l'ID est généré au hasard afin que je ne sais pas comment attraper cela, et il n'a pas de classe. J'ai essayé .fb_ltr au lieu de l'identifiant et la fonction ne tire pas. Des idées? Merci pour votre aide!


Quels autres attributs l'iframe a-t-il, a-t-il un nom? la taille? largeur? n'importe quoi? Nous pouvons vous connecter à n'importe quel attribut et filtrer le sélecteur basé sur cela.


J'ai essayé qu'il y ait une classe div appelée 'fb-like fb_get_widget_with_comment fb_iframe_widget' et j'ai fait un crochet comme suit: '$ ('. FB-like fb_iver_widget_with_frame_widget iframe ')' et ça ne tire toujours pas? Désolé si je fais quelque chose de mal!


Je regarde le site que j'utilise, j'ai aussi un bouton comme. Mon balisage ressemble à

Articles qui pourrait vous intéresser :

Impossible d'importer le module "@ angular / material"
Interaction profonde avec break and catch
Utilisation de node.js comment renommer tous les fichiers d'un dossier
Google Chrome Uncaught (promis) DOMException lors de la lecture AUDIO