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 तुमच्या प्रोजेक्टमध्ये इतर JavaScript फाइल्स इंपोर्ट करण्याचा एक सोयीस्कर मार्ग प्रदान करते. हे करण्यासाठी, jQuery import() फंक्शन वापरा. उदाहरणार्थ, तुमच्या प्रोजेक्टमध्ये myfile.js फाइल इंपोर्ट करण्यासाठी, तुम्ही खालील कोड वापराल:
'./myfile.js' वरून { myFile } आयात करा;
हे तुमच्या सध्याच्या प्रोजेक्ट स्कोपमध्ये myfile.js आपोआप समाविष्ट करेल आणि तुमच्या कोडमध्ये वापरण्यासाठी उपलब्ध करेल.
विकसक साधने
jQuery मध्ये अनेक डेव्हलपर टूल्स उपलब्ध आहेत. ही साधने कोड डीबग करण्यासाठी, DOM घटकांची तपासणी आणि सुधारित करण्यासाठी आणि बरेच काही करण्यासाठी वापरली जाऊ शकतात.
