Еднократно събитие в 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.