ui.widget.ScrollTo
ScrollTo widget'ını kullanmanın temel sorunu, widget'a tıkladıklarında kullanıcının imlecinin nereye hareket edeceğini kontrol etmenin zor olabilmesidir. Bu, kullanımı kolay bir kullanıcı arabirimi oluşturmayı zorlaştırabilir.
$(window).scroll(function() {
var scroll = $(window).scrollTop();
//>=, not <=
if (scroll >= 100) {
//clearHeader, not clearheader - caps H
$("#header").addClass("scrolled");
} else {
$("#header").removeClass("scrolled");
} }); //missing );
Bu kod, jQuery'de yazılmıştır ve kullanıcı sayfayı aşağı kaydırdığında bir öğenin CSS sınıfını değiştirmek için kullanılır.
İlk satır, kullanıcı sayfayı kaydırdığında yürütülecek bir işlev oluşturur. İkinci satır, kullanıcının 'scroll' adı verilen bir değişkende sayfada ne kadar aşağı kaydırdığının değerini saklar. Üçüncü satır, 'scroll' değeri 100'den büyük veya eşitse, kimliği 'header' olan öğenin CSS sınıfının 'scrolled' olarak değiştirilmesi gerektiğini söylüyor. Değilse, orijinal sınıfına geri döndürülmelidir.
ithalat
jQuery, diğer JavaScript dosyalarını projenize aktarmanın kolay bir yolunu sunar. Bunu yapmak için jQuery import() işlevini kullanın. Örneğin, myfile.js dosyasını projenize aktarmak için aşağıdaki kodu kullanırsınız:
{ myFile } dosyasını './myfile.js' dosyasından içe aktarın;
Bu, myfile.js'yi mevcut proje kapsamınıza otomatik olarak dahil edecek ve kodunuzda kullanılabilir hale getirecektir.
Geliştirici Araçları
JQuery'de kullanılabilen bir dizi geliştirici aracı vardır. Bu araçlar, kodda hata ayıklamak, DOM öğelerini incelemek ve değiştirmek ve daha fazlası için kullanılabilir.
