Maison  >  Article  >  interface Web  >  Comment ajouter des événements à des éléments inexistants dans jquery

Comment ajouter des événements à des éléments inexistants dans jquery

coldplay.xixi
coldplay.xixioriginal
2020-12-25 09:56:152598parcourir

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é : Comment ajouter des événements à des éléments inexistants dans jquery

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 correspondant

Alors, 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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn