jQuery හි එක් වරක් සිදුවීම
අපි ක්රමය භාවිතා කරමින් සිදුවීම් විසන්ධි කිරීම අධ්යයනය කළ විට
off,
අපි පහත ගෘහ නිර්මාණ ශිල්පය භාවිතා කළෙමු:
$('li').on('click', function() {
$(this).append('!');
$(this).off('click', func);
});
පළමුව අපි ක්රියාකාරී ශ්රිතයක් අමුණනවා
on භාවිතා කරමින්,
ඉන්පසු එය විසන්ධි කරන්න off භාවිතා කරමින්.
jQuery හි පහසු ක්රමයක් තිබේ
one,
එය එක් වරක් සිදුවීමක් අමුණා ගැනීමට ඉඩ සලසයි -
එය එක් වරක් පමණක් ක්රියාත්මක වන අතර පසුව
ස්වයංක්රීයව විසන්ධි වේ. මෙම ක්රමය
පළමු පරාමිතිය ලෙස සිදුවීමේ වර්ගය ගනී,
දෙවන පරාමිතිය ලෙස - අමුණන ලද ශ්රිතය.
පහත දක්වා ඇති HTML කේතය මත පදනම්ව අපි ඊළඟ උදාහරණය සලකා බලමු:
<ul>
<li>text</li>
<li>text</li>
<li>text</li>
</ul>
CSS කේතය මෙලෙස පෙනේ:
li {
width: 100px;
cursor: pointer;
}
දැන් සෑම li එකකටම අපි
එක් වරක් සිදුවීමක් අමුණමු:
$('li').one('click', function() {
$(this).append('!');
});
ලැයිස්තු අයිතම මත ක්ලික් කරන්න.
ඔබට පෙනෙන පරිදි, අපට එකම ප්රතිඵලය ලැබුණි,
one ක්රමයට ස්තූතිවන්ත වෙමින්.
සියලුම සබැඳි සඳහා සිදුවීමක් අමුණන්න -
සබැඳියක් මත සැරිසැරීමේදී එහි පෙළ අවසානයට
එහි href වරහන් තුළ
එකතු කරන්න. සබැඳිය මත පළමු වරට සැරිසැරූ පසු
එයින් සිදුවීම විසන්ධි කරන්න, එය
පෙළ අවසානයට href එකතු කරයි.
සියලුම ආදාන ක්ෂේත්ර සඳහා එසේ කරන්න, ඒවා
තම තමන්ගේම value ප්රදර්ශනය කරන ආකාරයට,
ඒවායින් ඕනෑම එකක් මත ක්ලික් කිරීමෙන්, නමුත් පළමු
වරට පමණක්. ආදාන ක්ෂේත්රය මත දෙවන වරට ක්ලික් කිරීම
ප්රතිචාරයක් ඇති නොකරයි.
අංක සහිත ඡේද ලබා දී ඇත. ඡේදය මත ක්ලික් කිරීමෙන් එහි අඩංගු අංකයේ වර්ගය පෙන්විය යුතුය, නමුත් පළමු ක්ලික් කිරීමේදී පමණි. ඡේදය මත දෙවරක් ක්ලික් කිරීමෙන් ඡේදයේ අංකය දෙගුණ කළ යුතුය, නමුත් එයද පළමු වරට පමණි.
ඡේද ලබා දී ඇත. පළමු වරට
ඡේදය මත ක්ලික් කිරීමෙන් එහි අවසානයට '!' එකතු වන ආකාරයට කරන්න,
නමුත් පළමු ක්ලික් කිරීමේදී පමණි.
