La xaliyay: dulsaar ku dar jquery fasalka

ui.widget.ScrollTo

Dhibaatada ugu weyn ee isticmaalka ScrollTo widget waa in ay adkaan karto in la xakameeyo halka calaamaduhu u dhaqaaqi doono marka ay gujiyaan widget-ka. Tani waxay ka dhigi kartaa mid adag in la abuuro interface user ah oo sahlan in la isticmaalo.

$(window).scroll(function() {    
    var scroll = $(window).scrollTop();

    //>=, not <=
    if (scroll >= 100) {
        //clearHeader, not clearheader - caps H
        $("#header").addClass("scrolled");
    } else {
        $("#header").removeClass("scrolled");  
    }  }); //missing );

Koodhkan waxa uu ku qoran yahay jQuery waxaana loo isticmaalaa in lagu beddelo fasalka CSS ee curiyaha marka isticmaaluhu hoos u rogo bogga.

Sadarka ugu horreeya wuxuu abuuraa hawl la fulin doono marka isticmaaluhu duubo. Sadarka labaad waxa uu kaydiyaa qiimaha ilaa inta uu ka hooseeyo bogga isticmaaluhu ku rogrogmay doorsoome loo yaqaan 'duq-raac'. Sadarka saddexaad ayaa sheegaya in haddii qiimaha 'duur-raac' uu ka weyn yahay ama la mid yahay 100, markaas fasalka CSS ee curiyaha leh id 'madaxa' waa in loo beddelaa 'duuban'. Haddaysan ahayn, markaas waa in lagu beddelaa fasalkeedii hore.

Soo dejinta

jQuery waxay ku siinaysaa hab ku haboon oo lagu soo dejiyo faylasha JavaScript kale mashruucaaga. Si tan loo sameeyo, isticmaal jQuery soo dejinta() function. Tusaale ahaan, si aad u soo dejiso faylka myfile.js mashruucaaga, waxaad isticmaali doontaa koodka soo socda:

ka soo deji {myFile} './myfile.js';

Tani waxay si toos ah ugu dari doontaa myfile.js baaxadda mashruucaaga hadda waxayna ka dhigi doontaa mid diyaar u ah isticmaalka koodkaaga.

Tools Developer

Waxa jira tiro qalab horumariye ah oo laga heli karo jQuery. Qalabkan waxaa loo isticmaali karaa in lagu saxo koodka, kormeerka iyo wax ka beddelka walxaha DOM, iyo in ka badan.