Multi.js - lietotājam draudzīgs izvēles lodziņš, kas veidots uz vienkārša JavaScript
Izvēlieties izvēlnes ir primitīvas, bet tās strādā. Tas pats attiecas uz visām tipiskajām formām, piemēram, izvēles rūtiņas un pogas.
Ir viegli izveidot savas veidlapas, bet interfeisa elementu atjaunošana no nulles var būt grūts. Tāpēc Multi.js ir tik vērtīgs spraudnis nomainot noklusējuma izvēles lodziņus.
Ar Multi.js, jūs dod apmeklētājiem sarakstu ar vienumiem, no kuriem izvēlēties veidlapā iebūvēta multi-select funkcija. Tādā veidā lietotāji var noklikšķiniet uz vairākiem vienumiem neizmantojot izvēles rūtiņas.
Šis skripts pat atbalsta meklēšanas funkciju, lai lietotāji varētu meklēt vienumus, ja saraksts ir īpaši garš.
Es arī atradu izvēlni diezgan intuitīvai, tā nav nepieciešams daudz izskaidrot. Noklikšķiniet uz jebkura vienuma kreisajā pusē, lai to pievienotu labajai slejai (vai “atlasīts” vienumus). Pēc tam noklikšķiniet uz vienumiem labajā slejā, lai tos noņemtu.
Viss darbojas ar vaniļas JavaScript, ieskaitot meklēšanas funkciju, tāpēc jums nav nepieciešamas atkarības. Lai gan, tas atbalsta jQuery ja jūsu vietne izmanto šo bibliotēku.
Viss, kas Jums nepieciešams, ir Multi.js fails un CSS stila lapa, lai to ietu kopā. Tālāk jūs vienkārši izveidot a elementu un atlasiet elementu ar JavaScript funkciju, tāpat kā:
var select_element = document.getElementById ('your_element_ID'); multi (select_element); Tieši tagad spraudnis neatbalsta opciju grupas bet šī funkcija ir darbos.
Katrā ziņā noklusējuma funkcionalitāte ir satriecoša. Tas darbojas tāpat kā jūs gaidījāt pat atbalsta mobilo reaģējošo izkārtojumu.
Lai uzzinātu vairāk, skatiet GitHub repo kas ietver arī lejupielādējamus failus. Multi.js demonstrācijas lapa ir lieliski, lai redzētu, kā šis spraudnis darbojas pārlūkprogrammā. Bet tiešām, tas ir tikai vienkāršs veids, kā atlasiet izvēlnes uzlabojot veidlapas vispārējo lietotāju pieredzi.
