Jednokratni događaj u jQuery

Kada smo proučavali odvajanje događaja pomoću metode off, koristili smo sledeću konstrukciju:

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

Prvo smo priključivali funkciju-rukovalac pomoću on, zatim odvajali pomoću off.

U jQuery postoji pogodan metod one, koji omogućava da se veže jednokratni događaj - on će se izvršiti samo jednom, a zatim će se automatski odvojiti. Ovaj metod prvi parametar prima tip događaja, a drugi - pridruženu funkciju.

Sledeći primer ćemo razmotriti na osnovu doledate HTML koda:

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

CSS kod izgleda ovako:

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

Sada svakoj li pridružujemo jednokratni događaj:

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

Kliknite na stavke lista. Kao što vidite, dobili smo isti efekat, zahvaljujući metodu one.