Eveniment unic în jQuery

Când am studiat dezlegarea evenimentelor cu ajutorul metodei off, am folosit următoarea construcție:

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

Mai întâi atașam funcția-manipulator cu ajutorul on, apoi o dezlegam cu ajutorul off.

În jQuery există o metodă convenabilă one, care permite legarea unui eveniment unic - acesta se va executa doar o singură dată, iar apoi se va dezlega automat. Această metodă primește ca prim parametru tipul evenimentului, iar ca al doilea - funcția atașată.

Următorul exemplu îl vom analiza pe baza următorului cod HTML:

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

Codul CSS arată astfel:

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

Acum atașăm fiecărui li un eveniment unic:

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

Faceți clic pe elementele listei. După cum vedeți, am obținut același efect, datorită metodei one.