Metóda off v jQuery

Odobratie udalostí, ktoré boli priradené pomocou on, sa vykonáva pomocou metódy off. Prvým parametrom prijíma typ udalosti (napríklad, 'click'), a druhým - názov funkcie, ktorá má byť odobratá.

Pozrime sa na nasledujúci príklad. Majme HTML kód:

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

V CSS je uvedený štýl pre tag li:

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

Urobme tak, aby sa po prvom kliku na li, udalosť od nej odobrala:

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

Klikajte na položky zoznamu. Uvidíte, že pri opakovanom kliknutí na rovnakú položku zoznamu sa nič nestane, pretože naša funkcia func po vykonaní metódy append je odobratá metódou off.

Priraďte všetkým odkazom udalosť - pri prejdení myšou nad odkaz sa na koniec jej textu pripíše jej href v okrúhlych zátvorkách. Po prvom prejdení myšou nad odkaz je potrebné odobrať od neho udalosť, ktorá pridáva href na koniec textu.

Pre všetky vstupné polia (inputy) urobte tak, aby zobrazovali svoju value pri kliknutí na ktorýkoľvek z nich, ale iba pri prvom kliknutí. Opakované kliknutie na vstupné pole by nemalo spôsobiť reakciu.

Sú dané odseky s číslami. Pri kliknutí na odsek sa v ňom musí objaviť druhá mocnina čísla, ktoré obsahuje, ale iba pri prvom kliknutí. Pri dvojitom kliknutí na odsek sa číslo v odseku musí zdvojnásobiť, ale tiež iba prvýkrát.