Vienreizējs notikums jQuery

Kad mēs pētījām notikumu atvienošanu ar metodes off palīdzību, mēs izmantojām šādu konstrukciju:

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

Vispirms mēs pievienojām apstrādes funkciju ar on palīdzību, tad atvienojām ar off palīdzību.

jQuery ir ērta metode one, kas ļauj piesaistīt vienreizēju notikumu - tas izpildīsies tikai vienu reizi, un pēc tam automātiski atvienosies. Šī metode pirmo parametru pieņem kā notikuma veidu, un otro - piesaistīto funkciju.

Nākamo piemēru mēs apskatīsim, balstoties uz zemāk redzamo HTML kodu:

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

CSS kods izskatās šādi:

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

Tagad pie katras li piesaistām vienreizēju notikumu:

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

Noklikšķiniet uz saraksta punktiem. Kā redzat, mēs ieguvām tādu pašu efektu, pateicoties metodei one.