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