ui.widget.ScrollTo
Glavna težava pri uporabi pripomočka ScrollTo je, da je težko nadzorovati, kam se bo premaknil kazalec uporabnika, ko klikne na gradnik. To lahko oteži ustvarjanje uporabniškega vmesnika, ki je enostaven za uporabo.
$(window).scroll(function() {
var scroll = $(window).scrollTop();
//>=, not <=
if (scroll >= 100) {
//clearHeader, not clearheader - caps H
$("#header").addClass("scrolled");
} else {
$("#header").removeClass("scrolled");
} }); //missing );
Ta koda je napisana v jQuery in se uporablja za spreminjanje razreda CSS elementa, ko se uporabnik pomakne navzdol po strani.
Prva vrstica ustvari funkcijo, ki se bo izvajala, ko se uporabnik pomika. Druga vrstica shranjuje vrednost, kako daleč navzdol po strani se je uporabnik pomaknil v spremenljivki, imenovani 'scroll'. Tretja vrstica pravi, da če je vrednost 'scroll' večja ali enaka 100, je treba razred CSS elementa z ID-jem 'header' spremeniti v 'scrolled'. Če ne, ga je treba spremeniti nazaj v prvotni razred.
uvoz
jQuery ponuja priročen način za uvoz drugih datotek JavaScript v vaš projekt. Če želite to narediti, uporabite funkcijo jQuery import(). Če želite na primer uvoziti datoteko myfile.js v svoj projekt, uporabite naslednjo kodo:
import { myFile } from './myfile.js';
To bo samodejno vključilo myfile.js v vaš trenutni obseg projekta in ga dalo na voljo za uporabo v vaši kodi.
Orodja za razvijalce
V jQuery so na voljo številna orodja za razvijalce. Ta orodja se lahko uporabljajo za odpravljanje napak v kodi, pregledovanje in spreminjanje elementov DOM in drugo.
