Un mateix event per molts elements

A la feina necessitava que diversos elements d’una pàgina web tinguessin el mateix event. Això es pot aconseguir amb la funció trigger de jQuery. Veurem el funcionament amb un exemple.

Primer de tot, cal definir una estructura html per poder veure el contingut, bàsicament, necessites dos divs per programar els events i un que mostrarà els resultats.

1. <div id=”div1″>DIV 1</div>
2. <div id=”div2″>DIV 2</div>
3. <div id=”div3″></div>

Un cop fet això, ja podem passar a programar els events:

1. $(document).ready(function() {
2. $(“#div1″).click( function () {
3. $(“#div2″).trigger(‘click’);
4. });
5. $(“#div2″).click( function () {
6. $(“#div3″).append( “CLICK FET!”);
7. });
8. });

D’aquesta manera, tant si clickes el div1 com el div2, el què s’executa és l’event de quan clickes el div2. Aquest és un exemple molt senzill i pot sembla que no sigui massa útil, però a vegades pot ser necessari fer alguna cosa així.

Tags: JavaScript, jQuery, Web

Articles relacionats

Esborrar nodes del DOM en PHP

Deck.js – Presentacions en HTML5

Mozilla presenta WebAPI

OOCSS (2a part), profunditzant en els widgets

La setmana a Twitter