Pridėkite „Progress Steps“ formų su šiuo „JQuery“ papildiniu

Daugelis iš mūsų žino apie progreso juostas ir kaip jie veikia UI dizaine. Jie padeda nustatyti puslapių įkėlimo laiką, įkėlimo formas ir panašius vėlavimo laikotarpius tarp puslapių.

Bet pažangos žingsniai šiek tiek skiriasi. Šie puslapiai yra panašūs į duonos skiltelius puslapio viršuje, kad naudotojai galėtų pereiti prie nuoseklaus proceso (paprastai registracijos ir kasos formos).

Su jQuery veiksmais galite greitai pridėkite pasirinktinius pažangos veiksmus į bet kurį puslapį jūsų svetainės.

Visas įskiepis veikia „jQuery“ ir jis išleistas nemokamai „GitHub“.

Galite juos paleisti pažangos žingsniai kaip kelių puslapių funkcijos kurie veda lankytoją per skirtingus svetainės puslapius. Arba galite paleisti tai kaip „Ajax“ žingsnį, kuris perkelia vartotoją per tą patį puslapį su dinaminiais formos laukais.

Įskiepių parinktyse rasite nustatymus, kaip pakeisti “pradėti” pozicija, poraštės mygtukai, pirmyn / atgal mygtukai ir daug daugiau.

Taip pat yra nemažai įvykių, kuriuos galite nukreipti su savo pasirinktomis atgalinio ryšio funkcijomis, kai vartotojas pereina į pažangos etapą arba kai vartotojas pasiekia pabaigą.

Atsižvelgiant į tai, tai yra gana naujas papildinys neturi pasirinkimo galimybių. Bet tai tikrai yra vienas iš geriausių papildinių, kuriuos rasite, kad sukurtumėte šiuos pasirinktinius pažangos žingsnius.

Tiesiog atkreipkite dėmesį: naršyklės palaikymas dažniausiai apsiriboja šiuolaikinėmis naršyklėmis, o „Microsoft“ naršyklėse tai buvo išbandyta tik IE 11. Jei norite remti senesnes naršykles, turėsite atlikti kai kuriuos bandymus atskirai arba bandyti sukurti pasirinktinį pasenusių naudotojų tvarkymo metodai.

Žinoma, vienas iš paprasčiausias pažangos žingsnio įskiepiai ir jis taip pat turėtų žaisti su kitais jQuery įskiepiais.

Greitai peržiūrėkite pagrindinio puslapio demonstraciją kartu su pasirinktinėmis JS parinktimis ir atsisiuntimo mygtuku, kad patrauktumėte kodo kopiją sau.