jQuery-də off metodu

on vasitəsi ilə bağlanan hadisələrin ayrılması off metodu ilə həyata keçirilir. O, birinci parametrdə hadisənin növünü (məsələn, 'click'), ikinci parametrdə isə ayrılmalı olan funksiyanın adını qəbul edir.

Aşağıdakı misalı nəzərdən keçirək. Tutaq ki, bizim HTML kodumuz var:

<ul>
	<li>mətn</li>
	<li>mətn</li>
	<li>mətn</li>
</ul>

CSS-də li teqinin üçün stil göstərilib:

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

Gəlin elə edək ki, li üzərində ilk klikdən sonra ondakı hadisə ayrılsın:

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

Siyahının bəndlərinə klik edin. Görəcəksiniz ki, eyni bənd üzərində təkrar kliklədikdə heç nə baş vermir, çünki bizim func funksiyamız append metodu icra edildikdən sonra off metodu ilə ayrılır.

Bütün linklərə hadisə bağlayın - linkin üzərinə gəldikdə onun mətninin sonuna məzmun href dəyəri dairəvi mötərizədə əlavə olunsun. Linkin üzərinə ilk dəfə gəldikdən sonra ona href-i mətnin sonuna əlavə edən hadisə ayrılmalıdır.

Bütün inputlar üçün elə edin ki, onlardan hər hansı birinə kliklədikdə öz value dəyərini çap etsin, lakin yalnız ilk klikdə. Inputa təkrar klik heç bir reaksiyaya səbəb olmamalıdır.

Rəqəmləri olan abzaslar verilib. Abzasa klik edəndə onun ehtiva etdiyi rəqəmin kvadratı görünməlidir, lakin yalnız ilk klikdə. Abzasa cüt klik edəndə isə abzasdakı rəqəm iki dəfə artmalıdır, lakin o da yalnız birinci dəfə.