J'ai un JavaScript qui génère des blocs HTML. Ce script est parfois appelé quelque part en cours d'exécution, et parfois avant le chargement du document. Je veux un script capable de dire si le document est prêt. Si c'est le cas, générez le code HTML, sinon, ajoutez une fonction document.ready(). Quel est le meilleur moyen pour jQuery de savoir si un document a été chargé?comment savez-vous si le document est prêt
Répondre
Il est sûr de toujours enrouler ce code de génération HTML dans $ (document) .ready(). Si le document est déjà prêt, un rappel $ (document) .ready() nouvellement enregistré s'exécutera immédiatement.
Utilisez l'événement load
:
$(window).load(function(){
// your code...
});
Avec événement load
, les DOM, les images, les cadres et toutes autres ressources externes sont chargées dans le document.
Vous n'en avez même pas besoin. Vous pouvez simplement faire '$ (function() {...});' – casablanca
'$ (document) .load()' ne fonctionne pas. Testez-le: http://jsfiddle.net/kjZrn/ Vous auriez besoin de $ (window) .load() 'ou' $ (document) .ready() '(ou un raccourci équivalent). – user113716
$(document).ready(
function() {
//code to execute once the page is loaded
}
);
+1 C'est une bonne solution, car il ne semble pas que l'OP craigne que les images soient entièrement téléchargées. – user113716
http://www.learningjquery.com/2006/09/introducing-document-ready
$(document).ready(function() {
// put all your jQuery goodness in here.
});
Vous pouvez utiliser l'événement prêt à exécuter les choses après le DOM est chargé
$(document).ready(function() {
// your function
});
ou l'événement de chargement à attendre absolument tout est chargé
$(document).load(function() {
// your function
});
À moins que vous sachiez que vous devez utiliser l'événement de chargement, j'utiliserais celui qui est prêt (que je elieve est l'événement DOMContentLoaded).
$(function() {
// document has loaded at this point
});
- 1. Comment vérifier si le document est prêt?
- 2. document jquery gestionnaire prêt
- 3. Les images DD_belatedPNG disparaissent après que le document est prêt
- 4. $ sur ('document'). (prêt)
- 5. comment détecter, au chargement du document html, si le corps du document iframe est prêt à être affiché?
- 6. jquery document prêt dans le script externe
- 7. document jquery prêt avec Google
- 8. javascript document prêt firefox (jQuery)
- 9. jQuery .live() et Document prêt
- 10. Jquery - Comment vérifier: si .toggle ('slide') est prêt?
- 11. Ordre d'exécution du document de prêt jquery
- 12. Champ de saisie effacé sur le document prêt
- 13. Comment savoir jQuery: Quand le chargement est prêt, montrez-le?
- 14. Vérifier si l'iframe est prêt à être écrit
- 15. resizeTo in JS me donne l'erreur "Accès refusé", comment savoir si le navigateur est prêt?
- 16. FtpWebRequest .NET: Comment vérifier si le fichier est prêt à télécharger
- 17. Quand le conteneur IOC est-il prêt?
- 18. Chargement de Google Analytics à partir du document jQuery prêt?
- 19. Détecter si le document IFRAME est mal formé
- 20. JavaScript onunload seulement appelé si le document est complètement chargé?
- 21. Vérifiez si le document PDF est vide dans C#
- 22. détecter si un fichier est prêt et le servir en téléchargement
- 23. Document prêt, y a-t-il une limite?
- 24. Comment modifier img src sur un document prêt avant que le navigateur télécharge les images?
- 25. Comment vérifier si votre document est ouvert dans un IFrame?
- 26. Utilisez Onload ou prêt?
- 27. linq2nh est-il prêt pour la production?
- 28. est nhibernate 3.0 prêt pour la production
- 29. Vérifie si un document XML est vide en utilisant NSXMLParser
- 30. Le package Validate PEAR est-il prêt pour la production?
Il y a déjà eu beaucoup de suggestions, mais l'utilisation de '$ (document) .ready()' est exactement ce que vous voulez. Dans les coulisses, lorsque cette fonction est appelée, jQuery vérifie si le DOM est prêt. Si c'est le cas, il exécute simplement la fonction contenue. Si ce n'est pas le cas, cela ajoute l'événement prêt. –