ui.widget.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 में लिखा गया है और जब उपयोगकर्ता पृष्ठ को नीचे स्क्रॉल करता है तो तत्व के सीएसएस वर्ग को बदलने के लिए उपयोग किया जाता है।
पहली पंक्ति एक फ़ंक्शन बनाती है जिसे उपयोगकर्ता द्वारा स्क्रॉल किए जाने पर निष्पादित किया जाएगा। दूसरी पंक्ति 'स्क्रॉल' नामक चर में उपयोगकर्ता द्वारा पृष्ठ को कितनी दूर स्क्रॉल किया गया है, इसका मान संग्रहीत करता है। तीसरी पंक्ति कहती है कि यदि 'स्क्रॉल' का मान 100 से अधिक या उसके बराबर है, तो 'हेडर' की आईडी वाले तत्व के सीएसएस वर्ग को 'स्क्रॉल' में बदला जाना चाहिए। यदि नहीं, तो इसे वापस अपने मूल वर्ग में बदल देना चाहिए।
आयात
jQuery आपके प्रोजेक्ट में अन्य जावास्क्रिप्ट फ़ाइलों को आयात करने का एक सुविधाजनक तरीका प्रदान करता है। ऐसा करने के लिए, jQuery के आयात () फ़ंक्शन का उपयोग करें। उदाहरण के लिए, फ़ाइल myfile.js को अपने प्रोजेक्ट में आयात करने के लिए, आप निम्न कोड का उपयोग करेंगे:
आयात {myFile} './myfile.js' से;
यह स्वचालित रूप से myfile.js को आपके वर्तमान प्रोजेक्ट दायरे में शामिल करेगा और इसे आपके कोड में उपयोग के लिए उपलब्ध कराएगा।
डेवलपर उपकरण
JQuery में कई डेवलपर टूल उपलब्ध हैं। इन उपकरणों का उपयोग कोड को डीबग करने, DOM तत्वों का निरीक्षण करने और संशोधित करने आदि के लिए किया जा सकता है।
