Maison > Article > interface Web > Comment ajouter des événements à des éléments inexistants dans jquery
Comment jquery ajoute des événements à des éléments inexistants : 1. Avant la version [jquery1.9], utilisez la méthode live, le code est [$("#id").live("click", function ( )] ; 2. Après la version [jquery1.9], utilisez la méthode On, ordinateur DELL G3
Recommandé :
tutoriel vidéo jquery
jquery pour ajouter des éléments inexistants Méthodes d'événement : Question :
Ajout d'événements aux éléments en jquery, c'est très simple, comme : ajouter un événement de clic 🎜> Cependant, la pagination ajax est effectuée dans le projet et la première page est chargée directement en utilisant la méthode ci-dessus. pagination, le contenu des autres pages est ajouté plus tard via innerHTML, et les éléments ajoutés sont ajoutés plus tard.
En fait, la raison est facile à comprendre lorsque l'événement a été ajouté pour la première fois. les éléments des autres pages n'existaient pas. Après les avoir ajoutés plus tard via innerHTML, les balises existaient, mais l'événement correspondantAlors, comment résoudre le résumé ci-dessus ? elements
Solution :
Utiliser la méthode live : Lier les événements à des éléments inexistants$(选择器).click(function(){ );Cependant, la méthode live a été supprimée depuis la version 1.9+ de jquery Alors quelle méthode faut-il utiliser pour remplacer live ? La réponse est d'utiliser la méthode on
$("#id").live("click", function () { alert("ok"); });Cependant, après avoir utilisé la méthode on, on constate que c'est le cas. toujours invalide. Il n'y a pas de problème avec la syntaxe, alors pourquoi ça ne marche pas ? La réponse est qu'il ne faut pas l'écrire comme ça Si c'est pour ajouter un événement à un élément qui n'existe pas, Pour utiliser la méthode d'écriture suivante :
$("#id").on("click",function(){ alert("ok"); });
Utilisez la méthode d'écriture ci-dessus, le problème est résolu
Recommandations d'apprentissage gratuites associées :
<.>javascript
(vidéo)Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!