Metoda off v jQuery

Odvázání událostí, které byly navázány pomocí on, se provádí pomocí metody off. Jako první parametr přijímá typ události (například 'click'), a jako druhý - název funkce, která má být odvázána.

Podívejme se na následující příklad. Předpokládejme, že máme HTML kód:

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

V CSS je nastaven styl pro tag li:

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

Udělejme, aby se po prvním kliku na li událost od ní odvázala:

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

Klikněte na položky seznamu. Uvidíte, že při opakovaném kliku na stejnou položku seznamu se nic nestane, protože naše funkce func po provedení metody append je odvázána metodou off.