Яккараҳодига воқеъшавӣ дар jQuery

Вақте ки мо озод кардани воқеъшавиҳоро бо ёрии усули off, меомӯхтем, мо сохтори зеринро истифода мебурдем:

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

Аввалан мо функсияи коркардигарро бо ёрии on, мепайвастем, сипас бо ёрии off озод мекардем.

Дар jQuery усули осоиштаи one, мавҷуд аст, ки имкон медиҳад як воқеъшавии яккараҳодигаро пайваст кунем - он танҳо як маротиба иҷро шуда, сипас ба таври худкор озод мешавад. Ин усул параметри якумро навъи воқеъшавиро қабул мекунад, ва дуюмро - функсияи пайвастшуда.

Намунаи зеринро мо дар асоси рамзи HTML-и зербаррасӣшуда баррасӣ мекунем:

<ul>
	<li>матн</li>
	<li>матн</li>
	<li>матн</li>
</ul>

Рамзи CSS инҳоро дорад:

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

Акнун ба ҳар як li воқеъшавии яккараҳодигаро мепайвастем:

$('li').one('click', function() {
	$(this).append('!');
});

Ба пунктҳои рӯйхат клик кунед. Ҳамон тавре ки мебинед, мо ҳамон таъсирро ба даст овардем, бо сабаби усули one.

Ба ҳамаи пайвандҳо воқеъшавиеро пайваст кунед - ба равона шудан бар рӯи пайванд ба охири матни он href-и он дар қавсҳои гирд илова карда шавад. Баъди якумин равонашавӣ ба пайванд бояд аз он воқеъшавиеро озод кард, ки href-ро ба охири матн илова мекунад.

Барои ҳамаи воридшавандаҳо (инпутҳо) чунон кунед, ки онҳо value-и худро чоп кунанд, агар бар ҳар кадоме аз онҳо фишурда шавад, вале танҳо баъди якумин фишурдан. Фишурдани такрории бар инпут набояд воқеъшавиеро сар кунад.

Параграфҳо бо ададҳо дода шудаанд. Баъди клик кардан бар параграф дар он бояд квадрати ададе, ки он дороист, пайдо шавад, вале танҳо баъди якумин клик. Баъди клики дукарата бар параграф адад дар параграф бояд ду баробар шавад, вале инчунин танҳо як маротибаи якум.

Параграфҳо дода шудаанд. Чунон кунед, ки баъди якумин клик кардан бар параграф ба он дар охир '!', илова шавад, вале танҳо баъди якумин клик.