ui.widget.ScrollTo
ScrollTo விட்ஜெட்டைப் பயன்படுத்துவதில் உள்ள முக்கிய பிரச்சனை என்னவென்றால், விட்ஜெட்டைக் கிளிக் செய்யும் போது, பயனரின் கர்சர் எங்கு நகரும் என்பதைக் கட்டுப்படுத்துவது கடினமாக இருக்கும். இது பயன்படுத்த எளிதான பயனர் இடைமுகத்தை உருவாக்குவதை கடினமாக்கும்.
$(window).scroll(function() {
var scroll = $(window).scrollTop();
//>=, not <=
if (scroll >= 100) {
//clearHeader, not clearheader - caps H
$("#header").addClass("scrolled");
} else {
$("#header").removeClass("scrolled");
} }); //missing );
இந்த குறியீடு jQuery இல் எழுதப்பட்டுள்ளது மற்றும் பயனர் பக்கத்தை கீழே உருட்டும் போது ஒரு உறுப்பின் CSS வகுப்பை மாற்ற பயன்படுகிறது.
முதல் வரியானது ஒரு செயல்பாட்டை உருவாக்குகிறது, அது பயனர் ஸ்க்ரோல் செய்யும் போது செயல்படுத்தப்படும். இரண்டாவது வரியானது, 'ஸ்க்ரோல்' எனப்படும் மாறியில் பயனர் எவ்வளவு தூரம் கீழே ஸ்க்ரோல் செய்துள்ளார் என்ற மதிப்பை சேமிக்கிறது. 'சுருள்' மதிப்பு 100ஐ விட அதிகமாகவோ அல்லது அதற்குச் சமமாகவோ இருந்தால், 'தலைப்பு' என்ற ஐடியைக் கொண்ட தனிமத்தின் CSS வகுப்பை 'ஸ்க்ரோல்' ஆக மாற்ற வேண்டும் என்று மூன்றாவது வரி கூறுகிறது. இல்லையெனில், அதை அதன் அசல் வகுப்பிற்கு மாற்ற வேண்டும்.
இறக்குமதி
jQuery மற்ற ஜாவாஸ்கிரிப்ட் கோப்புகளை உங்கள் திட்டத்தில் இறக்குமதி செய்ய வசதியான வழியை வழங்குகிறது. இதைச் செய்ய, jQuery இறக்குமதி() செயல்பாட்டைப் பயன்படுத்தவும். எடுத்துக்காட்டாக, myfile.js கோப்பை உங்கள் திட்டப்பணியில் இறக்குமதி செய்ய, பின்வரும் குறியீட்டைப் பயன்படுத்துவீர்கள்:
'./myfile.js' இலிருந்து {myFile} ஐ இறக்குமதி செய்யவும்;
இது தானாகவே உங்கள் தற்போதைய திட்ட நோக்கத்தில் myfile.jsஐச் சேர்த்து, உங்கள் குறியீட்டில் பயன்படுத்தக் கிடைக்கும்.
டெவலப்பர் கருவிகள்
jQuery இல் பல டெவலப்பர் கருவிகள் உள்ளன. இந்தக் கருவிகள் குறியீட்டைப் பிழைத்திருத்தம் செய்ய, DOM உறுப்புகளை ஆய்வு செய்து மாற்றியமைக்க மற்றும் பலவற்றைப் பயன்படுத்தலாம்.
