Metode off jQuery
Notikumu atsaistīšana, kas piesieta caur
on,
tiek veikta ar metodes
off palīdzību.
Pirmo parametru tas saņem notikuma veidu
(piemēram, 'click'), bet otro - funkcijas
vārdu, kas jāatsaista.
Apskatīsim šādu piemēru. Pieņemsim, ka mums ir HTML kods:
<ul>
<li>teksts</li>
<li>teksts</li>
<li>teksts</li>
</ul>
CSS ir norādīts stils tagam li:
li {
width: 100px;
cursor: pointer;
}
Padarīsim tā, lai pēc pirmā
klikšķa uz li, notikums no tās
tiktu atsaistīts:
$('li').on('click', function() {
$(this).append('!');
$(this).off('click', func);
});
Noklikšķiniet uz saraksta punktiem. Jūs redzēsiet, ka atkārtoti
nospiežot uz tā paša saraksta punkta nekas nenotiek, jo
mūsu funkcija func pēc metodes
append izpildes
tiek atsaistīta ar metodi off.
Piesieniet visām saitēm notikumu - kad
uzvedat peles kursoru virs saites, beigās tās tekstam
tiek pievienots tās href apaļās
iekavās. Pēc pirmās reizes, kad uzvedat peles kursoru virs saites,
tai jāatsaista notikums, kas
pievieno href teksta beigās.
Visiem ievades laukiem izveidojiet tā, lai tie
izvadītu savu value, nospiežot
uz jebkura no tiem, bet tikai pirmo reizi.
Atkārtota nospiešana uz
ievades lauka nedrīkst izraisīt reakciju.
Doti rindkopas ar skaitļiem. Noklikšķinot uz rindkopas tajā jāparādās skaitļa kvadrāts, ko tas satur, bet tikai pirmo reizi. Veicot dubultklikšķi uz rindkopas, skaitlim rindkopā jādubultojas, bet arī tikai pirmo reizi.