ikSelect - स्टाइल का चयन करने के लिए एकदम सही प्लगइन

लगभग एक साल पहले, मैंने पहले से ही स्टाइल चयन के लिए jQuery प्लगइन्स की विस्तृत समीक्षा की थी । परिणाम निराशाजनक रहा, उनमें से प्रत्येक की अपनी कमियां थीं, और मुझे वह नहीं मिला जो मैं चाहता था। बहुत सारे डेवलपर्स ने टिप्पणियों में सदस्यता समाप्त कर ली, लेकिन हम सभी सहमत थे कि कोई पूर्ण प्लग-इन नहीं था, और हमें उनमें से किसी एक फ़ाइल पर कड़ी मेहनत करनी थी।

हाल ही में, Selectik हब पर फिसल गया - एक बहुत अच्छा प्लगइन, लेकिन कमियों के बिना नहीं। GitHub द्वारा देखते हुए, इस पर काम अभी भी जारी है, लेकिन अभी तक यह बहुत सुविधाजनक नहीं है, और इसकी मुख्य समस्याओं में अभी भी एक जगह है।

हाल ही में, एक अजनबी ने मुझे लिखा और अपने ikSelect प्लगइन का परीक्षण करने के लिए कहा, जिसे उन्होंने आदर्श के करीब लिखने की कोशिश की। मुझे प्लगइन इतना पसंद आया कि व्यापक परीक्षण और बग फिक्सिंग के बाद, मैंने एक समीक्षा लिखने का फैसला किया और इस विषय को समाप्त कर दिया, साथ ही समझदार डेवलपर को हब तक पहुंचने में मदद की

संक्षेप में: वह लगभग सब कुछ कर सकता है जो एक मानक चयन कर सकता है, जबकि वह पूरी तरह से अलग-अलग ब्राउज़रों से चयनों के विशेष कार्यान्वयन के लिए स्टाइल करता है और पालन करता है। प्लगइन पूरी तरह से देशी मैक ओएस एक्स के चयन की नकल करता है, लेकिन इसे आसानी से सीएसएस के माध्यम से स्टाइल किया जा सकता है।

इस प्रकार यह बंद दिखता है:

इस तरह से खुले में:

वह बाकियों से बेहतर क्यों है?

मात्रा: 11KB

लाभ:

• मोबाइल सहित सभी ब्राउज़रों (IE6 +, FF, ओपेरा, क्रोम, सफारी) में काम करता है
• स्वचालित रूप से चौड़ाई समायोजित करता है
• हमेशा पृष्ठ के दृश्य भाग (तथाकथित "स्मार्ट पोजिशनिंग) पर खुलता है, दोनों क्षैतिज और ऊर्ध्वाधर स्थिति में
• आपको ड्रॉप-डाउन सूची की अधिकतम ऊंचाई निर्धारित करने की अनुमति देता है
• समूह विकल्प (ऑप्टग्रुप) की अनुमति देता है
• कीबोर्ड से पूरी तरह से नियंत्रित (संक्रमण टैब'एम, PgUp, PgDown, होम, एंड के जवाब सहित)
• पहले अक्षरों का चयन होता है (न केवल एक, बल्कि बाद में भी)
• माउस व्हील के साथ स्क्रॉलिंग का समर्थन करता है
• इनलाइन डाला गया (इनलाइन-ब्लॉक)
• बड़ी सूची (1000+ आइटम) के साथ बढ़िया काम करता है
• जावास्क्रिप्ट अक्षम होने पर मानक चयन छोड़ देता है
• एक महान एपीआई है

नुकसान:

• एक साथ कई वस्तुओं का चयन करने की अनुमति नहीं देता है (बहुविकल्पी)
• ड्रॉप-डाउन सूची के स्क्रॉलबार को स्टाइल नहीं करता है (क्योंकि यह काम की गति को बहुत अधिक प्रभावित करता है)
• बीयर के लिए नहीं चल रहा है

मोबाइल ब्राउजर

प्लगइन क्षेत्र को ही स्टाइल करता है, लेकिन जब क्लिक किया जाता है, तो यह ब्राउज़र के मूल व्यवहार को आमंत्रित करता है। IOS (सफारी) और Android (2.3 मूल, फ़ायरफ़ॉक्स) पर परीक्षण किया गया:



ओपेरा मिनी में, मानक चयन बने रहते हैं, ताकि सूची को खोलते समय पृष्ठ को फिर से लोड करने से बचा जा सके। ओपेरा मोबाइल में यह डेस्कटॉप वर्जन की तरह ही काम करता है।

निष्कर्ष

• ikSlect केवल मानक चयनों के व्यवहार को दोहराता है, और नए कार्य नहीं जोड़ता है जो कुछ अन्य प्लगइन्स कर सकते हैं
• मामूली खामियों के बावजूद, यह प्लगइन मैंने अब तक देखा सबसे अच्छा है

संदर्भ

• प्लगइन पेज
• GitHub
• वर्तमान संस्करण के साथ संग्रह

पाया कीड़े टिप्पणी में, या GitHub पर छोड़ा जा सकता है ।

PS को i10k प्लगइन के लेखक को भेजे गए आमंत्रण के लिए धन्यवाद।