Jednorázová udalosť v jQuery

Keď sme študovali odpojenie udalostí pomocou metódy off, použili sme nasledujúcu konštrukciu:

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

Najprv sme pripojili funkciu-obsluhu pomocou on, potom sme ju odpojili pomocou off.

V jQuery existuje pohodlná metóda one, ktorá umožňuje pripojiť jednorázovú udalosť - vykoná sa iba raz a potom sa automaticky odpojí. Táto metóda ako prvý parameter prijíma typ udalosti, a ako druhý - pripojenú funkciu.

Nasledujúci príklad si ukážeme na základe nižšie uvedeného HTML kódu:

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

CSS kód vyzerá takto:

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

Teraz ku každej li pripojíme jednorázovú udalosť:

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

Klikajte na položky zoznamu. Ako vidíte, dosiahli sme rovnaký efekt vďaka metóde one.