Orei de timp din zi 🙂
Astăzi, vă voi spune despre un moment interesant și util. Este vorba despre cum să afișați valoarea cursorului imediat după mutare. Dacă creați o formă interesantă pe site, bine sau ca mine, fac pluginul și trebuie să folosesc cursorul în setările sale. Dar nu doar un slider, dar că utilizatorul putea vedea valoarea pe care o pune cu glisorul. Nu prea, la întâmplare, dar cu siguranță.
Ce este un cursor? Acesta este un element de formă care este folosit pentru a selecta una dintre valorile dintr-un interval dat. De exemplu, dacă specificați un parametru de la 1 la 100, puteți alege în acest interval. Un exemplu despre ceea ce se întâmplă după ce puteți să examinați exemplul.
Mai întâi de toate, aveți nevoie de marcare HTML. Poate că aveți deja glisorul dorit la care doriți să adăugați o valoare de ieșire. Dar încă mai adaug markup la exemplul respectiv.
După cum puteți vedea, avem un formular. În interiorul tipului de intrare al glisorului = "interval". îl atribuim ID - rng. Acesta este un punct important. Doar specificați gama noastră de valori:
- min = "1" este valoarea minimă a uneia.
- max = "100" -
- value = "50" - valoarea inițială. Această valoare este setată implicit.
Doar adăugați elementul - ieșire. în care este afișată valoarea curentă a cursorului. De asemenea, îi atribuim ID - ong pentru a da stilul scriptului și, în mod natural, a indica ce glisor îi aparține - pentru = "rng".
Acum, trebuie doar să adăugați aceeași valoare de ieșire în timp real, și nu după actualizare sau trimitere. Toate acestea vor funcționa cu jQuery. Prin urmare, primul lucru de verificat este dacă aveți o bibliotecă jQuery. Dacă da, puteți sări peste conexiune.
În caz contrar, trebuie să puneți un capac în fața capului de închidere sau în subsol înainte de a închide corpul astfel:
Înainte este coada de script-ul în sine, care va face ieșirea de valoare.
După cum puteți vedea în al treilea rând al scriptului specificăm ID-ul cursorului nostru, așa că am spus mai sus că este important. De asemenea, în linia 6, este specificată ieșirea idiomului. Dacă schimbați AIDI-ul dvs., atunci schimbați-l corect în scenariu. Nu mai există setări, astfel încât să puteți verifica cursorul. Dacă totul se face corect, veți vedea rezultatul.
Asta e tot, vă mulțumesc pentru atenția acordată. 🙂
Dacă ai putea folosi munca mea, poți susține site-ul :)
Bună dragă prietenă
Aveți extensia AdBlock sau altele asemenea. Adăugați site-ul meu pe lista albă, contribuind astfel la dezvoltarea sa. Instrucțiunea cum să dezactivați AdBlock Vreau aceeași fereastră