155 votes

JQuery .on() méthode avec plusieurs gestionnaires d’événements à un seul sélecteur

Essayer de comprendre comment utiliser le Jquery .() la méthode avec un sélecteur qui a de multiples événements associés. J'étais auparavant à l'aide de l' .live() la méthode, mais pas tout à fait sûr de la façon d'accomplir le même exploit avec .sur(). Veuillez voir mon code ci-dessous:

$("table.planning_grid td").live({
  mouseenter:function(){
     $(this).parent("tr").find("a.delete").show();
  },
  mouseleave:function(){
     $(this).parent("tr").find("a.delete").hide();        
  },
  click:function(){
    //do something else.
  }
});

Je sais que je peux attribuer les multiples événements en appelant:

 $("table.planning_grid td").on({
    mouseenter:function(){  //see above
    },
    mouseleave:function(){ //see above
    }
    click:function(){ //etc
    }
  });

Mais je crois que la bonne utilisation de l' .() afin de:

   $("table.planning_grid").on('mouseenter','td',function(){});

Est-il un moyen pour accomplir cette? Ou quelle est la meilleure pratique ici? J'ai essayé le code ci-dessous, mais pas de dés.

$("table.planning_grid").on('td',{
   mouseenter: function(){ //event1 }, 
   mouseleave: function(){ //event2 },
   click: function(){  //event3 }
 });

Merci à l'avance!

275voto

Frédéric Hamidi Points 123646

C’est l’inverse. Vous devez écrire :

214voto

Pirijan Points 208

En outre, si vous aviez plusieurs des gestionnaires d’événements attachés au sélecteur même exécuter la même fonction, vous pouvez utiliser

14voto

imanabidi Points 3203

J’ai appris quelque chose de vraiment utile et fondamental de http://try.jquery.com/levels/4/sections/11.

chaînage qui fonctionne sur le fonction sortie aussi

9voto

angelmedia Points 56

Et vous pouvez combiner des mêmes événements/fonctions de cette façon :

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X