jQuery tapahtumat - delegate() menetelmä

Esimerkki

Piilota tai näytä p-elementti klikatessa hiirtä:

$("div").delegate("button","click",function(){
  $("p").slideToggle();
});

Kokeile itse

Määrittely ja käyttö

delegate() -menetelmä lisää yhden tai useamman tapahtumankäsittelijän määritettyyn elementtiin (joka on valitun elementin alielementti) ja määrittää, mikä funktio suoritetaan, kun nämä tapahtumat tapahtuvat.

Tapahtumankäsittelijät, jotka lisätään delegate() -menetelmällä, soveltuvat sekä nykyisiin että tuleviin elementteihin (esim. scriptin avulla luodut uudet elementit).

Syntaksi

$(selector).delegate(childSelector,event,data,function)
Parametrit Kuvaus
childSelector Välttämätön. Määritä yksi tai useampi alielementti, johon tapahtumankäsittelijä liitetään.
event

Välttämätön. Määritä yksi tai useampi tapahtuma, joka liitetään elementtiin.

Useat tapahtumavärit erotetaan välilyönnillä. Ne täytyy olla kelvollisia tapahtumia.

data Valinnainen. Määritä lisädata, joka välitetään funktiolle.
function Välttämätön. Määritä funktio, joka suoritetaan, kun tapahtuma tapahtuu.

Lisää esimerkkejä

Lisää tapahtumankäsittelijät tuleviin elementteihin
Kuinka käyttää delegate() -menetelmää lisätäksesi tapahtumankäsittelijät vielä luomattomiin elementteihin.