jQuery හි එක් වරක් සිදුවීම

අපි ක්‍රමය භාවිතා කරමින් සිදුවීම් විසන්ධි කිරීම අධ්‍යයනය කළ විට off, අපි පහත ගෘහ නිර්මාණ ශිල්පය භාවිතා කළෙමු:

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

පළමුව අපි ක්‍රියාකාරී ශ්‍රිතයක් අමුණනවා on භාවිතා කරමින්, ඉන්පසු එය විසන්ධි කරන්න off භාවිතා කරමින්.

jQuery හි පහසු ක්‍රමයක් තිබේ one, එය එක් වරක් සිදුවීමක් අමුණා ගැනීමට ඉඩ සලසයි - එය එක් වරක් පමණක් ක්‍රියාත්මක වන අතර පසුව ස්වයංක්‍රීයව විසන්ධි වේ. මෙම ක්‍රමය පළමු පරාමිතිය ලෙස සිදුවීමේ වර්ගය ගනී, දෙවන පරාමිතිය ලෙස - අමුණන ලද ශ්‍රිතය.

පහත දක්වා ඇති HTML කේතය මත පදනම්ව අපි ඊළඟ උදාහරණය සලකා බලමු:

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

CSS කේතය මෙලෙස පෙනේ:

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

දැන් සෑම li එකකටම අපි එක් වරක් සිදුවීමක් අමුණමු:

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

ලැයිස්තු අයිතම මත ක්ලික් කරන්න. ඔබට පෙනෙන පරිදි, අපට එකම ප්‍රතිඵලය ලැබුණි, one ක්‍රමයට ස්තූතිවන්ත වෙමින්.