Jednorázová událost v jQuery

Když jsme studovali odstraňování událostí pomocí metody off, použili jsme následující konstrukci:

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

Nejprve jsme připojili funkci-obsluhu pomocí on, poté jsme ji odstranili pomocí off.

V jQuery existuje pohodlná metoda one, která umožňuje navázat jednorázovou událost - provede se pouze jednou a poté se automaticky odpojí. Tato metoda přijímá jako první parametr typ události a jako druhý - připojenou funkci.

Následující příklad si prohlédneme na základě níže uvedeného HTML kódu:

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

CSS kód vypadá takto:

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

Nyní ke každému li připojíme jednorázovou událost:

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

Klikněte na položky seznamu. Jak vidíte, dosáhli jsme stejného efektu díky metodě one.