Аднаразовая падзея ў jQuery

Калі мы вывучалі адвязванне падзей з дапамогай метаду off, мы выкарыстоўвалі наступную канструкцыю:

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

Спачатку мы прымацоўвалі функцыю-апрацоўшчык з дапамогай on, затым адвязвалі з дапамогай off.

У jQuery ёсць зручны метад one, які дазваляе прывязаць аднаразовую падзею - яна выканаецца толькі адзін раз, а потым аўтаматычна адвяжацца. Гэты метад першым параметрам прымае тып падзеі, а другім - прывязаную функцыю.

Наступны прыклад мы разгледзім на аснове ніжэйпрыведзенага HTML кода:

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

CSS код выглядае так:

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

Цяпер да кожнай li прывязваем аднаразовую падзею:

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

Панаціскайце на пункты спісу. Як бачыце, мы атрымалі той жа эфект, дзякуючы метаду one.