jQuery හි off ක්‍රමය

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 ක්‍රමය මඟින් ගලවා හරිනු ලැබේ.

Задание 1

සියලු සබැඳි සඳහා සිදුවීමක් බැඳන්න - සබැඳියක් මත සැරිසැරූ විට එහි පාඨයේ අවසානයට එහි href වටකුරු වරහන් තුළ එකතු කරනු ලැබේ. සබැඳිය මත පළමු වරට සැරිසැරූ පසු එයින් href පාඨයේ අවසානයට එකතු කරන සිදුවීම ගලවා හැරිය යුතුය.

Задание 2

සියලු ආදාන ක්ෂේත්‍ර සඳහා, ඒවායින් ඕනෑම එකක් මත ක්ලික් කළ විට ඔවුන්ගේ value ප්‍රදර්ශනය කරන ලෙස සකසන්න, නමුත් පළමු ක්ලික් කිරීමේදී පමණි. ආදාන ක්ෂේත්‍රය මත නැවත ක්ලික් කිරීමෙන් ප්‍රතිචාරයක් ඇති නොකළ යුතුය.

Задание 3

සංඛ්‍යා සහිත ඡේද ලබා දී ඇත. ඡේදයක් මත ක්ලික් කිරීමෙන් එහි අඩංගු සංඛ්‍යාවේ වර්ගය එහි පෙනෙනු ඇත, නමුත් පළමු ක්ලික් කිරීමේදී පමණි. ඡේදය මත ද්විත්ව ක්ලික් කිරීමෙන් ඡේදයේ සංඛ්‍යාව දෙගුණ කළ යුතුය, නමුත් එයද පළමු වරට පමණි.