Die off-metode in jQuery
Die losmaak van gebeurtenisse wat deur
on
gebind is, word uitgevoer met behulp van die
off-metode.
Die eerste parameter is die tipe gebeurtenis
(bv. 'click'), en die tweede is die naam
van die funksie wat losgemaak moet word.
Kom ons kyk na die volgende voorbeeld. Gestel ons het die volgende HTML-kode:
<ul>
<li>teks</li>
<li>teks</li>
<li>teks</li>
</ul>
In CSS is 'n styl vir die li-tag gespesifiseer:
li {
width: 100px;
cursor: pointer;
}
Laat ons dit so maak dat na die eerste
kliek op li, die gebeurtenis daarvan
losgemaak word:
$('li').on('click', function() {
$(this).append('!');
$(this).off('click', func);
});
Druk op die lysitems. U sal sien dat by herhaalde
druk op dieselfde lysitem niks gebeur nie, aangesien
ons funksie func na die uitvoering van die
append-metode
losgemaak word deur die off-metode.
Bind 'n gebeurtenis aan alle skakels -
wanneer op 'n skakel beweeg word,
moet sy href aan die einde van haar teks
bygevoeg word in ronde hakies.
Na die eerste keer wat op 'n skakel beweeg word,
moet die gebeurtenis wat die
href by die einde van die teks voeg
daarvan losgemaak word.
Maak vir alle invoervelde so dat hulle
hul eie value uitdruk
wanneer op enige een daarvan gedruk word,
maar slegs by die eerste druk.
'n Herhaalde druk op die
invoerveld moet geen reaksie veroorsaak nie.
Daar is paragrawe met nommers. Met 'n klik op 'n paragraaf moet die kwadraat van die nommer wat dit bevat daarin verskyn, maar slegs by die eerste klik. Met 'n dubbelkliek op 'n paragraaf moet die nommer in die paragraaf verdubbel, maar ook slegs die eerste keer.
