off მეთოდი jQuery-ში

მოვლენების გათიშვა, რომლებიც დაკავშირებულია on-ის მეშვეობით, ხორციელდება off მეთოდის გამოყენებით. პირველ პარამეტრად ის იღებს მოვლენის ტიპს (მაგალითად, 'click'), ხოლო მეორედ - იმ ფუნქციის სახელს, რომელიც უნდა გაითიშოს.

განვიხილოთ შემდეგი მაგალითი. დავუშვათ, გვაქვს HTML კოდი:

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

CSS-ში მითითებულია სტილი li თეგისთვის:

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

მოდით, გავაკეთოთ ისე, რომ li-ზე პირველი დაწკაპუნების შემდეგ, მასთან დაკავშირებული მოვლენა გაითიშოს:

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

დააწკაპუნეთ სიის ელემენტებზე. თქვენ დაინახავთ, რომ იმავე სიის ელემენტზე განმეორებით დაწკაპუნებისას არაფერი ხდება, რადგან ჩვენი ფუნქცია func append მეთოდის შესრულების შემდეგ გაითიშება off მეთოდით.

დააკავშირეთ ყველა ბმულს მოვლენა - ბმულზე მაუსის მიტანისას მისი ტექსტის ბოლოს წეროს მისი href მრგვალ ფრჩხილებში. ბმულზე პირველად მაუსის მიტანის შემდეგ უნდა გაითიშოს მასთან დაკავშირებული მოვლენა, რომელიც ამატებს href-ს ტექსტის ბოლოს.

ყველა ინპუტისთვის გახადეთ ისე, რომ ისინი გამოიტანენ თავიანთ value-ს ნებისმიერ მათზე დაწკაპუნებისას, მაგრამ მხოლოდ პირველ დაწკაპუნებაზე. ინპუტზე განმეორებითი დაწკაპუნება არ უნდა გამოიწვიოს რეაქციას.

მოცემულია აბზაცები რიცხვებით. აბზაცზე დაწკაპუნებისას მასში უნდა გამოჩნდეს მასში არსებული რიცხვის კვადრატი, მაგრამ მხოლოდ პირველ დაწკაპუნებაზე. აბზაცზე ორმაგ დაწკაპუნებაზე რიცხვი აბზაცში უნდა გაორმაგდეს, მაგრამ ისიც მხოლოდ პირველად.