jQuery tapahtumat - delegate() menetelmä
Esimerkki
Piilota tai näytä p-elementti klikatessa hiirtä:
$("div").delegate("button","click",function(){ $("p").slideToggle(); });
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.