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 ενός στοιχείου όταν ο χρήστης κάνει κύλιση προς τα κάτω στη σελίδα.
Η πρώτη γραμμή δημιουργεί μια συνάρτηση που θα εκτελεστεί όταν ο χρήστης κάνει κύλιση. Η δεύτερη γραμμή αποθηκεύει την τιμή του πόσο κάτω έχει μετακινηθεί ο χρήστης στη σελίδα σε μια μεταβλητή που ονομάζεται 'κύλιση'. Η τρίτη γραμμή λέει ότι εάν η τιμή του 'scroll' είναι μεγαλύτερη ή ίση με 100, τότε η κλάση CSS του στοιχείου με αναγνωριστικό 'header' θα πρέπει να αλλάξει σε 'scrolled'. Εάν όχι, τότε θα πρέπει να επανέλθει στην αρχική του κατηγορία.
εισαγωγή
Το jQuery παρέχει έναν βολικό τρόπο εισαγωγής άλλων αρχείων JavaScript στο έργο σας. Για να το κάνετε αυτό, χρησιμοποιήστε τη συνάρτηση jQuery import(). Για παράδειγμα, για να εισαγάγετε το αρχείο myfile.js στο έργο σας, θα χρησιμοποιήσετε τον ακόλουθο κώδικα:
εισαγωγή { myFile } από το './myfile.js';
Αυτό θα συμπεριλάβει αυτόματα το myfile.js στο τρέχον εύρος του έργου σας και θα το κάνει διαθέσιμο για χρήση στον κώδικά σας.
Εργαλεία προγραμματιστή
Υπάρχει μια σειρά από εργαλεία προγραμματιστών που είναι διαθέσιμα στο jQuery. Αυτά τα εργαλεία μπορούν να χρησιμοποιηθούν για εντοπισμό σφαλμάτων κώδικα, επιθεώρηση και τροποποίηση στοιχείων DOM και πολλά άλλα.
