Ühekordne sündmus jQuery-s

Kui me õppisime sündmuste lahtiseotamist kasutades meetodit off, kasutasime me järgmist konstruktsiooni:

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

Kõigepealt kinnitasime funktsiooni-töötleja kasutades on, seejärel lahtiseotasime kasutades off.

jQuery-s on mugav meetod one, mis võimaldab siduda ühekordse sündmuse - see täidetakse ainult üks kord ja seejärel seotakse automaatselt lahti. See meetod võtab esimese parameetrina sündmuse tüübi, ja teise - kinnitatud funktsiooni.

Järgmist näidet vaatleme allpool toodud HTML koodi põhjal:

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

CSS kood näeb välja selline:

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

Nüüd kinnitame igale li-le ühekordse sündmuse:

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

Klõpsake loendi punktidel. Nagu näete, saime sama efekti tänu meetodile one.