off მეთოდი jQuery-ში

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

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

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

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

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

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

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

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