On m'a dit d'utiliser document.ready lorsque j'ai commencé à utiliser Javascript / jQuery mais je n'ai jamais vraiment su pourquoi.
Quelqu'un pourrait-il fournir des directives de base sur le moment où il est logique d'encapsuler du code javascript / jquery dans jQuery document.ready
?
Quelques sujets qui m'intéressent:
.on()
Méthode de jQuery : j'utilise.on()
assez souvent la méthode pour AJAX (généralement sur les éléments DOM créés dynamiquement). Les.on()
gestionnaires de clics doivent-ils toujours être à l' intérieurdocument.ready
?- Performances: est-il plus performant de conserver divers objets javascript / jQuery à l' intérieur ou à l' extérieur de document.ready (également, la différence de performances est-elle significative?)?
- Portée de l'objet: les pages chargées en AJAX ne peuvent pas accéder aux objets qui se trouvaient à l' intérieur du document de la page précédente. Ils ne peuvent accéder qu'aux objets qui étaient en dehors de document.ready (c'est-à-dire des objets vraiment "globaux")?
Mise à jour: pour suivre une bonne pratique, tout mon javascript (la bibliothèque jQuery et le code de mon application) est en bas de ma page HTML et j'utilise l' defer
attribut sur les scripts contenant jQuery sur mes pages chargées en AJAX afin que je peut accéder à la bibliothèque jQuery sur ces pages.