Multi.js - Ένα φιλικό προς το χρήστη πλαίσιο επιλογής που βασίζεται σε απλό JavaScript
Επιλέξτε μενού είναι πρωτόγονοι αλλά δουλεύουν. Το ίδιο ισχύει για όλες τις τυπικές εισόδους φόρμας όπως πλαίσια ελέγχου και κουμπιά επιλογής.
Είναι εύκολο να δημιουργήσετε τις δικές σας φόρμες αλλά ανασυγκρότηση στοιχείων διασύνδεσης από το μηδέν μπορεί να είναι δύσκολο. Να γιατί Multi.js είναι ένα τόσο πολύτιμο plugin για αντικαθιστώντας τα προεπιλεγμένα πλαίσια επιλογής.
Με το Multi.js, εσείς δώστε στους επισκέπτες μια λίστα με στοιχεία από τα οποία μπορείτε να διαλέξετε με μια λειτουργία πολλαπλών επιλογών ενσωματωμένη στη φόρμα. Με αυτόν τον τρόπο οι χρήστες μπορούν κάντε κλικ σε πολλά στοιχεία χωρίς να βασίζονται σε πλαίσια ελέγχου.
Αυτό το σενάριο ακόμα υποστηρίζει μια λειτουργία αναζήτησης, έτσι ώστε οι χρήστες να μπορούν να αναζητούν στοιχεία αν η λίστα είναι ιδιαίτερα μεγάλη.
Βρίσκω επίσης το μενού αρκετά διαισθητικό, έτσι δεν χρειάζεται πολλή εξήγηση. Κάντε κλικ σε οποιοδήποτε στοιχείο στην αριστερή πλευρά για να το προσθέσετε στη δεξιά στήλη (ή “επιλεγμένο” στοιχεία). Στη συνέχεια, κάντε κλικ σε στοιχεία στη δεξιά στήλη για να τα καταργήσετε.
Όλα ξεκινούν με βανίλια JavaScript, συμπεριλαμβανομένης της δυνατότητας αναζήτησης, ώστε να μην χρειάζεστε εξαρτήσεις. Αν και, αυτό υποστηρίζει το jQuery εάν ο ιστότοπός σας χρησιμοποιεί αυτή τη βιβλιοθήκη.
Το μόνο που χρειάζεστε είναι το αρχείο Multi.js και το φύλλο στυλ CSS για να το ακολουθήσετε. Στη συνέχεια, απλά δημιουργώ ένα στοιχείο και στοχεύστε το στοιχείο με μια λειτουργία JavaScript, όπως έτσι:
var select_element = document.getElementById ('your_element_ID'); multi (select_element); Αυτή τη στιγμή, το plugin δεν υποστηρίζει ομάδες opt αλλά αυτό το χαρακτηριστικό είναι στα έργα.
Είτε έτσι είτε αλλιώς, η προεπιλεγμένη λειτουργικότητα είναι εκπληκτική. Λειτουργεί ακριβώς όπως θα περιμένατε και αυτό υποστηρίζει ακόμη και διατάξεις κινητής απόκρισης.
Για να μάθετε περισσότερα, ελέγξτε το GitHub repo οι οποίες περιλαμβάνει επίσης αρχεία με δυνατότητα λήψης. Τα Multi.js σελίδα επίδειξης είναι ιδανικό για να δείτε πώς αυτό το plugin λειτουργεί στο πρόγραμμα περιήγησης. Αλλά πραγματικά, είναι απλά ένας απλός τρόπος επανατοποθετήστε τα επιλεγμένα μενού σας βελτιώνοντας ταυτόχρονα τη συνολική εμπειρία του χρήστη.
