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:

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

V CSS je nastaven styl pro tag li:

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

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

$('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.

Přivažte na všechny odkazy událost - při najetí na odkaz se na konec jejího textu připíše její href v kulatých závorkách. Po prvním najetí na odkaz je třeba od něj odvázat událost, která přidává href na konec textu.

Pro všechny inputy zařiďte, aby vypisovaly svou value při kliku na kterýkoli z nich, ale pouze při prvním kliknutí. Opakované kliknutí na input by nemělo vyvolat reakci.

Jsou dány odstavce s čísly. Po kliknutí na odstavec v něm musí být zobrazena druhá mocnina čísla, které obsahuje, ale pouze při prvním kliknutí. Po dvojitém kliknutí na odstavec se číslo v odstavci zdvojnásobí, ale také pouze poprvé.