ui.widget.ScrollTo
Galvenā logrīka ScrollTo izmantošanas problēma ir tā, ka var būt grūti kontrolēt, kur lietotāja kursors pārvietosies, kad viņš noklikšķinās uz logrīka. Tas var apgrūtināt viegli lietojama lietotāja interfeisa izveidi.
$(window).scroll(function() {
var scroll = $(window).scrollTop();
//>=, not <=
if (scroll >= 100) {
//clearHeader, not clearheader - caps H
$("#header").addClass("scrolled");
} else {
$("#header").removeClass("scrolled");
} }); //missing );
Šis kods ir rakstīts jQuery un tiek izmantots, lai mainītu elementa CSS klasi, kad lietotājs ritina lapu uz leju.
Pirmajā rindā tiek izveidota funkcija, kas tiks izpildīta, kad lietotājs ritinās. Otrajā rindā tiek saglabāta vērtība par to, cik tālu lapu lietotājs ir ritinājis mainīgajā, ko sauc par “scroll”. Trešajā rindā teikts, ka, ja 'scroll' vērtība ir lielāka vai vienāda ar 100, tad elementa CSS klase ar id 'header' ir jāmaina uz 'scrolled'. Ja nē, tas ir jāmaina atpakaļ uz sākotnējo klasi.
imports
jQuery nodrošina ērtu veidu, kā importēt citus JavaScript failus jūsu projektā. Lai to izdarītu, izmantojiet funkciju jQuery import(). Piemēram, lai projektā importētu failu myfile.js, jums jāizmanto šāds kods:
importēt { myFile } no './myfile.js';
Tas automātiski iekļaus myfile.js jūsu pašreizējā projekta tvērumā un padarīs to pieejamu lietošanai jūsu kodā.
Izstrādātāju rīki
Pakalpojumā jQuery ir pieejami vairāki izstrādātāju rīki. Šos rīkus var izmantot, lai atkļūdotu kodu, pārbaudītu un modificētu DOM elementus un daudz ko citu.
