Ngjarja e vetme në jQuery

Kur kemi studiuar çlidhjen e ngjarjeve me ndihmën e metodës off, kemi përdorur konstruktin e mëposhtëm:

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

Fillimisht ne lidhnim funksionin-përpunues me ndihmën e on, pastaj e çlidhnim me ndihmën e off.

Në jQuery ekziston një metodë e përshtatshme one, e cila lejon lidhjen e një ngjarjeje një herëshe - ajo do të ekzekutohet vetëm një herë, dhe pastaj do të çlidhet automatikisht. Kjo metodë si parametër të parë pranon llojin e ngjarjes, ndërsa si të dytë - funksionin e lidhur.

Shembullin e ardhshëm do ta shqyrtojmë në bazë të kodit HTML më poshtë:

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

Kodi CSS duket kështu:

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

Tani për çdo li lidhim ngjarjen një herëshe:

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

Klikoni në pikat e listës. Siç e shihni, ne kemi marrë të njëjtin efekt, fal metodës one.