Metoden off i jQuery

Fravendelse af events, som er tilknyttet via on, udføres ved hjælp af metoden off. Den tager event-typen som første parameter (f.eks. 'click'), og som andet parameter - navnet på funktionen, der skal frakobles.

Lad os overveje følgende eksempel. Antag, at vi har HTML-koden:

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

I CSS er der angivet en stil til li-tagget:

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

Lad os gøre sådan, at efter det første klik på li, bliver eventet fra den frakoblet:

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

Tryk på punkterne på listen. Du vil se, at ved gentaget tryk på det samme listepunkt sker der intet, fordi vores funktion func efter udførelsen af metoden append frakobles med metoden off.