Je suis nouveau à JQuery et JavaScript et je voulais juste savoir, pourquoi ne voudriez-vous pas utiliser la fonction ne pouvait pas exister de problèmes potentiels si un utilisateur envoie une entrée dans un événement de souris ou un événement de clavier avant que toute la page ait été rendue? Ready () pour tous vos gestionnaires de votre événement?
5 Réponses :
Je crois que vous devriez réellement utiliser le Je ne suis pas sûr de savoir qui ou qu'est-ce qui vous a dit de ne pas mettre les gestionnaires d'événements dans la fonction prête, mais je dirais que c'est une pratique assez courante. $ (document) .Ready () gestionnaire. La raison en est, si votre HTML ou votre DOM n'a pas encore été chargé, lorsque vous liez des événements à différents éléments, ils peuvent échouer en vertu de ne pas avoir été sur la page.
Cela ne devrait jamais être le cas, le document JQuery Regardez les incendies lorsque le DOM a été chargé. Cela n'attend pas la page complète (les images incluses et similaires) à charger. Il serait extrêmement rare qu'un utilisateur puisse réagir à temps pour essayer de déclencher quelque chose avant que votre code soit exécuté. Lisez ceci: http://api.jquerery.com/ready/
Plus précisément, le premier paragraphe:
tandis que JavaScript fournit l'événement de charge pour exécuter le code lorsqu'un La page est rendue, cet événement n'est pas déclenché avant tous les actifs comme des images ont été complètement reçues. Dans la plupart des cas, le Le script peut être exécuté dès que la hiérarchie DOM a été pleinement construit. Le gestionnaire transmis à .ready () est garanti d'être exécuté après que le DOM soit prêt, c'est généralement le meilleur endroit pour Attachez tous les autres gestionnaires d'événements et exécutez un autre code JQuery.
donc en utilisant $ (document) .Ready (fonction (fonction () {}) ou l'équivalent $ (fonction () {}) est toujours une bonne pratique.
Edit: Pour vous assurer que l'utilisateur n'aura jamais de problèmes, assurez-vous que vos scripts sont tous hébergés à côté de votre site. Par exemple, JQuery a la possibilité d'utiliser un CDN. Les CDN sont gentils, mais si pour une raison quelconque, l'utilisateur peut accéder à votre site mais pas le CDN, il pourrait laisser votre page dans un état inutile.
"Il serait extrêmement rare qu'un utilisateur puisse réagir à temps pour essayer de déclencher quelque chose avant que votre code soit exécuté." - Ce serait vraiment impossible. Le chargement d'image est garanti complet par le déclenchement de l'événement $ (fenêtre) .charger (), pas $ (document) .Readady. En outre, la question de savoir s'il faut utiliser CDN pour JQuery est loin d'être réglé et, en fait, les nombreuses préfèrent utiliser le CDN: Encosia.com/...
C'est pourquoi la meilleure pratique consiste à envelopper le code entier à l'intérieur de la fonction Ready () code>. $(document).ready(function(){
//all event handlers here
});
Si vous incluez la section JQuery.js dans la section , vous pouvez être sûr qu'il sera complètement chargé avant que l'une des pages ne soit rendue, sauf des problèmes qui empêchent d'être chargés du tout (par exemple, Si le fichier JS n'est introuvable sur le serveur).
Il existe des circonstances dans lesquelles vous ne voulez pas ou ne pouvez pas attacher les gestionnaires d'événements sur prêts, car vous ne voulez que activer un événement après un autre événement ou parce que le contenu et les autres informations sont chargées via AJAX. Pour la plupart, la fonction prête est le bon endroit.
Votre deuxième paragraphe l'obtient en arrière. C'est exactement quel document envisage de se produire.
Mon deuxième paragraphe fait référence à un script pas à l'aide de
.Readady ()Ensuite, vous devriez élargir et améliorer le formatage de votre question pour expliquer davantage. Une page correctement construite ne sera pas en mesure d'exécuter des événements ou une entrée de souris avant que le DOM ne soit chargé. Lorsque vous utilisez jQuery, documenter.Ready est essentiel pour faciliter cela.