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 ಅಂಶಗಳನ್ನು ಪರಿಶೀಲಿಸಲು ಮತ್ತು ಮಾರ್ಪಡಿಸಲು ಮತ್ತು ಹೆಚ್ಚಿನದನ್ನು ಬಳಸಬಹುದು.
