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 класът на елемента с id на 'header' трябва да бъде променен на 'scrolled'. Ако не, тогава трябва да се върне обратно към първоначалния си клас.
внос
jQuery предоставя удобен начин за импортиране на други JavaScript файлове във вашия проект. За да направите това, използвайте функцията jQuery import(). Например, за да импортирате файла myfile.js във вашия проект, ще използвате следния код:
импортиране на { myFile } от './myfile.js';
Това автоматично ще включи myfile.js в обхвата на текущия ви проект и ще го направи достъпен за използване във вашия код.
Инструменти за разработчици
Има редица инструменти за разработчици, които са налични в jQuery. Тези инструменти могат да се използват за отстраняване на грешки в код, проверка и модифициране на DOM елементи и др.
