Kertaluonteinen tapahtuma jQueryssä

Kun opimme irrottamaan tapahtumia käyttämällä off -metodia, käytimme seuraavaa rakennetta:

javascript$('li').on('click', function() {
  $(this).append('!');
  $(this).off('click', func);
});

Ensin liitimme käsittelijäfunktion käyttämällä on -metodia, sitten irrotimme sen käyttämällä off-metodia.

jQueryssä on kätevä one -metodi, joka mahdollistaa kertaluonteisen tapahtuman sitomisen - se suoritetaan vain kerran, ja sitten irtoaa automaattisesti. Tämä metodi ottaa ensimmäisenä parametrina tapahtuman tyypin, ja toisena - sidotun funktion.

Seuraavan esimerkin tarkastelemme alla olevan HTML-koodin perusteella:

html<ul>
  <li>text</li>
  <li>text</li>
  <li>text</li>
</ul>

CSS-koodi näyttää tältä:

cssli {
  width: 100px;
  cursor: pointer;
}

Nyt sidomme kertaluonteisen tapahtuman jokaiseen li -elementtiin:

javascript$('li').one('click', function() {
  $(this).append('!');
});

Klikkaile listan kohtia. Kuten näette, saimme saman vaikutuksen, kiitos one -metodin.