Explication .bind, .trigger .live...

Salut !

J'ai encore un peu de mal à comprendre certains événements et autres tels que .bind(), .live(), .trigger, .siblings...

Si une âme charitable arrivait à m'expliquer ça de façon claire

Bonjour, ce que tu cite ne sont pas des évènements, mais des méthodes de jQuery. Certaines servent en effet à déclarer l'interception d'un évènement.

Tu trouveras les réponses... dans la doc de jQuery .

exemple pour bind() : http://api.jquery.com/bind/

Bien évidemment, avant de faire du jQuery (ou un autre moteur), il est important d'avoir acquis les notions de base: ques-ce qu'un évènement javascript.
Modifié par kustolovic (16 Mar 2012 - 11:08)

Déjà, oublies bind() et live(), ils sont remplacés par on()
http://api.jquery.com/on/

En gros, ça permet de faire une action/un événement lorsque tu fais un événement sur un sélecteur.

$('mon_selecteur').on('mon_evenement (click par exemple, mais aussi submit)', function() { mon_action });

Donc en gros, mon_selecteur serait un id placé sur un lien (<a href="" id="mon_id"></div>), mon_evenement serait "click" (tu click sur le lien), mon_action serait l'action que tu désires faire lors du clic (afficher une div par exemple).



trigger() permet de reproduire l'action (mon_action) à partir d'un autre élément, dans mon exemple, je serai ailleurs, je peux faire

$('mon_selecteur').trigger('click');

et l'action mon_action serait exécuté malgré que tu n'ai pas cliquer sur le selecteur "mon_selecteur".



siblings() correspond à tous les autres éléments enfant de l'élément parent, en dehors de celui en cours.

<ul>
  <li>1</li>
  <li>2</li>
  <li id="element3">3</li>
  <li>4</li>
  <li>5</li>
</ul>

// js
$('#element3').siblings().css({'background':'red'});

Avec ce code, 1 / 2 / 4 / 5 auront un fond rouge, mais pas 3

Mais va plutôt chercher l'info à la source, elle sera plus correcte. Je vais essayer de rétablir un peu la barque, mais ce n'est pas facile.

a écrit :
Déjà, oublies bind() et live(), ils sont remplacés par on()

Si tu utilise jQuery >= 1.7, comme décris dans la doc citée.

On ou bind:
En gros cela permet de lier une/ou des action au déclenchement d'un évènement. On définit ces actions dans une fonction, appelée "callback" qui sera exécutée lors de l'évènement.

Trigger permet d'exécuter toutes les actions liées à un évènement. Ainsi trigger simule une action d'un utilisateur, cependant cela n'est valable que pour les actions définies au préalable avec bind, et non pas celle par défaut (changement de page au click sur lien etc.).

Pour siblings (enfants de même parents / fratrie en français) pas besoin d'en rajouter.

...

rétablir la barque, no comment.

Tu réexpliques moins clairement ce que je dis avant, m'enfin bref, 2 explications valent mieux qu'une tu me diras.

Et j'en déduis qu'il n'a pas compris la source, sinon il n'aurai pas demandé plus d'infos, donc inutile de se contenter de fournir le lien de la doc (qui pourrait répondre à toutes les questions concernant jQuery à ce moment là)