jQueryn off-metodi

Tapahtumien irrottaminen, jotka on sidottu on-metodilla, toteutetaan käyttämällä off-metodia. Ensimmäisenä parametrina se ottaa tapahtumatyypin (esimerkiksi 'click'), ja toisena - funktion nimen, jonka tulisi irrottaa.

Tarkastellaan seuraavaa esimerkkiä. Oletetaan, että meillä on HTML-koodi:

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

CSS:ssä on määritelty tyyli li-tagille:

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

Tehdään niin, että ensimmäisen klikkauksen jälkeen li:llä, tapahtuma irrotetaan siitä:

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

Klikkaile listan kohtia. Huomaat, että toistuvalla klikkauksella samaan listakohtaan ei tapahdu mitään, koska meidän funktiomme func suorituksen jälkeen append-metodista irrotetaan off-metodilla.