„Multi.js“ - patogi „Select Box“, sukurta „Plain JavaScript“
Pasirinkite meniu yra primityvūs, bet jie dirba. Tas pats pasakytina ir apie visas tipines formas, pvz langeliai ir mygtukai.
Tai lengva sukurti savo formas, bet pertvarkyti sąsajos elementus nuo nulio gali būti sunku. Štai kodėl Multi.js yra toks vertingas papildinys pakeičiant numatytuosius pasirinktus langelius.
Su Multi.js, jūs suteikti lankytojams elementų, kuriuos norite pasirinkti, sąrašą į formą įdėta daugialypė funkcija. Tokiu būdu vartotojai gali spustelėkite kelis elementus nenurodant žymimųjų langelių.
Šis scenarijus netgi palaiko paieškos funkciją, todėl vartotojai gali ieškoti elementų, jei sąrašas yra ypač ilgas.
Aš taip pat rasti meniu gana intuityvus, todėl nereikia daug paaiškinti. Spustelėję bet kurį elementą kairėje pusėje, galite pridėti jį prie dešiniojo stulpelio (arba “pasirinkta” elementai). Tada dešiniuoju stulpeliu spustelėkite elementus, kad juos pašalintumėte.
Viskas veikia vanilės „JavaScript“, įskaitant paieškos funkciją, taigi jums nereikia jokių priklausomybių. Nors, tai palaiko jQuery jei jūsų svetainė naudoja tą biblioteką.
Viskas ko jums reikia - failą „Multi.js“ ir CSS stilių lentelę. Toliau jūs tiesiog sukurti elementas ir nukreipti elementą „JavaScript“ funkcija, kaip ir taip:
var select_element = document.getElementById ('your_element_ID'); multi (select_element); Dabar, įskiepiai nepalaiko optinių grupių tačiau ši funkcija yra darbuose.
Bet kuriuo atveju numatytasis funkcionalumas yra apsvaiginimo. Jis veikia lygiai taip, kaip tikitės, ir jis netgi palaiko mobilius reaguojančius išdėstymus.
Jei norite sužinoti daugiau, patikrinkite GitHub repo kuris taip pat apima atsisiunčiamus failus. „Multi.js“ demonstracinis puslapis puikiai matyti, kaip šis įskiepis veikia naršyklėje. Bet iš tikrųjų tai tiesiog paprastas būdas atkurkite pasirinktus meniu tobulindami bendrą naudotojo patirtį.
