JQuery के स्वत: पूर्ण टैगिंग StackOverflow के इनपुट टैग की तरह? [बन्द है]

522

क्या समाधान उसी ऑटो-पूर्ति को पूरा करते हैं जो एसओ टैग दर्ज करने के लिए उपयोग करता है?

ऐसे प्लगइन्स हैं जो एक शब्द को संभाल सकते हैं लेकिन मैंने ऐसा कोई भी नहीं देखा है जो कई शब्दों को संभालता हो।

jquery  autocomplete  tags 
— जो फिलिप्स
स्रोत
उपकरण आरईसी के रूप में बंद करने के लिए मतदान।
— सिरो सेंटिल्ली 郝海东 i iro i 法轮功
1
मैंने
— vsync
@vsync ने पहले उत्तर में इसे सूची में जोड़ा। दुर्भाग्य से सीधे तौर पर codepen.io से लिंक नहीं किया जा सकता क्योंकि उत्तर में कोई कोड नहीं होने के कारण
— जो फिलिप्स
@JoePhilllips - शायद यह Google URL को संक्षिप्त रूप से स्वीकार करेगा
— vsync
@JoePhilllips - मेरा प्लगइन सूची के शीर्ष पर सबसे अच्छे से बेहतर है, और शीर्ष पर रहने का हकदार है और मेरे पास इसके लिए अच्छे विक्रय बिंदु हैं। वर्तमान में सूची में सबसे ऊपर एक फूला हुआ है (मेरे मुकाबले x4), अतिरिक्त इनपुट तत्व (प्रपत्र क्रमांकन के लिए खराब) का उपयोग करता है और उनके साथ अल्पविराम या चिपकाने वाले टैग का समर्थन नहीं करता है। यह कुछ ऐसे फीचर्स पेश करता है जो ज्यादातर मामलों के लिए अच्छे लेकिन अनावश्यक हैं। autocompleteकाफी सख्त IMHO का उपयोग किया जाना चाहिए
— vsync

जवाबों:

763

गतिविधि के क्रम में, डेमो / उदाहरण उपलब्ध हैं, और सादगी:

सम्बंधित:

— दिमित्री नेस्टरियुक
स्रोत
IE9 पर यह "लाइन: 18 एरर: ऑब्जेक्ट प्रॉपर्टी या मेथड 'टैगिट" का समर्थन नहीं करता है
— राघव
2
इस अद्भुत प्लगइन के सबसे अद्यतित संस्करण, प्रलेखन और अधिक व्यापक उदाहरणों की तलाश में किसी को भी यहाँ जाना चाहिए और दूर जाना चाहिए: github.com/aehlke/tag-it
— Crisman
1
अद्यतन: मुझे लगता है कि अब मैजिकसुगेस्ट सर्वश्रेष्ठ विकल्प है।
— ssj
8
टैग-यह ओवररेटेड है। एक साधारण टैग सिस्टम के लिए आवश्यक jquery बहुत अधिक है, लेकिन jQuery UI और jquery UI CSS की आवश्यकता होती है जो आजकल केवल पागल है। इसके लायक नहीं।
— अल्वारो
1
@scniro मैंने jquery.tagsinput का उपयोग करके समाप्त किया क्योंकि मुझे jQuery का उपयोग करने में कोई आपत्ति नहीं है जो पहले से ही मेरी परियोजना में उपयोग किया जा रहा है। मैं सिर्फ हालांकि यह jquery UI और CSS के लिए पूछने के लिए पागल था।
— अल्वारो
62

बूटस्ट्रैप: यदि आप बूटस्ट्रैप का उपयोग कर रहे हैं। यह वास्तव में अच्छा है: Select2

इसके अलावा, TokenInput एक दिलचस्प है। पहला, यह jQuery-UI पर निर्भर नहीं करता है, दूसरा इसका कॉन्फिडेंस बहुत स्मूथ है।

एकमात्र मुद्दा जो मेरे पास था वह मूल रूप से मुक्त-टैगिंग का समर्थन नहीं करता है। इसलिए, मुझे JSON प्रतिक्रिया के एक हिस्से के रूप में क्लाइंट को क्वेरी-स्ट्रिंग वापस करना होगा।

जैसा कि @culithay ने टिप्पणी में उल्लेख किया है, TokenInput अनुकूलित करने के लिए बहुत सारी सुविधाओं का समर्थन करता है। और कुछ विशेषता है कि दूसरों के पास नहीं है:

  • टोकनलिमिट: उपयोगकर्ता द्वारा चुने जाने की अधिकतम संख्या के परिणाम। असीमित चयनों की अनुमति देने के लिए अशक्त का उपयोग करें
  • minChars: किसी खोज को करने से पहले उपयोगकर्ता को न्यूनतम संख्या दर्ज करनी होगी।
  • queryParam: क्वेरी परम का नाम जिसे आप सर्वर-साइड पर खोज शब्द सम्‍मिलित करने की अपेक्षा करते हैं

इनपुट के लिए धन्यवाद।

— निशांत
स्रोत
3
TokenInput जैसा दिखता है वैसा ही मैं देख रहा हूं: उपयोगकर्ता कुछ सामान टाइप करता है, सर्वर पर खोज करता है, उपयोगकर्ता तत्व की खोज कर सकता है, कुल्ला कर सकता है और दोहरा सकता है।
— माला
1
TokenInput अनुकूलित करने के लिए बहुत सारी सुविधाओं का समर्थन करता है। और मैं कुछ ऐसी विशेषता को उजागर करता हूं जो दूसरों के पास नहीं हैं। - टोकनलिमिट: उपयोगकर्ता द्वारा चुने जाने की अधिकतम संख्या के परिणाम। असीमित चयनों की अनुमति देने के लिए अशक्त का उपयोग करें - minChars: खोज के प्रदर्शन से पहले उपयोगकर्ता को न्यूनतम संख्या दर्ज करनी होगी। - queryParam: क्वेरी परम का नाम जिसे आप सर्वर-साइड पर खोज शब्द सम्‍मिलित करने की अपेक्षा करते हैं
— 6
1
@culithay ने उत्तर में जोड़ा
— निशांत
इसके साथ नए मुफ्त टैग कैसे जोड़ें: stackoverflow.com/questions/28656977/… हार्ड :-(
— Ciro Santilli Sant tags tags ''
अच्छा था। फ्री-टैगिंग का समर्थन नहीं करना कोई बड़ा मुद्दा नहीं है, क्योंकि इसे आसानी से दूर किया जा सकता है।
— रैशनल
9

यह मूल रूप से एक सीडीएन के माध्यम से इसे एक्सेस करने के ज्ञान के बारे में पूरक प्रश्न का उत्तर देता था, जो अब मौजूद नहीं है ...

Google के बारे में बात करने के लिए। मैं अपनी साइटों में संबंधित CDN के माध्यम से JQuery और इन प्रकार के अधिकांश पुस्तकालयों तक पहुँचने के लिए आगे बढ़ गया हूँ।

जैसा कि अधिक लोग यह करते हैं कि उपयोगकर्ता की मशीनों पर कैश होने की अधिक संभावना है, इसलिए मेरा वोट अच्छे विचार के लिए जाता है।

पांच साल में जब से मैंने पहली बार यह पेशकश की है, यह सामान्य ज्ञान बन गया है।

— जूलियन
स्रोत
3
हम इसे अपने डिफ़ॉल्ट टेम्प्लेट के हिस्से के रूप में भी रोल आउट करते हैं। Google इस कोड को ज़िपित और सीडीएन के बाहर हमसे तेजी से कर सकता है, साथ ही अगर कोई 2% संभावना है कि एक आगंतुक ने यह कैश किया है तो यह बिना किसी मौके के बेहतर है।
— टॉम
27
यह मूल प्रश्न का उत्तर कैसे है?
— डेरेक
3
अंतिम भाग 'इसके अलावा, ...' पूछता है कि क्या Google संस्करण से लिंक करना एक अच्छा या बुरा विचार है, और मेरा जवाब है कि यह एक अच्छा विचार है।
— जूलियन
@ डेरेक मुझे नहीं लगता कि मूल रूप से पूछे जाने पर मेरे पास कोई अन्य स्वीकार्य उत्तर था। वह तब से बदल गया है।
— जो फिलिप्स
1

हम सिर्फ इस jquery प्लग-इन Github में खुलते हैं: टैटिवोस / jquery-sew ।

— user1880508
स्रोत
1
हालांकि यह लिंक प्रश्न का उत्तर दे सकता है, लेकिन उत्तर के आवश्यक भागों को शामिल करना और संदर्भ के लिए लिंक प्रदान करना बेहतर है। यदि लिंक किए गए पृष्ठ में परिवर्तन होता है तो लिंक-केवल उत्तर अमान्य (और अस्वीकृत) हो सकते हैं। यह महत्वपूर्ण क्यों है, इसके लिए उत्तर देने के लिए देखें ।
— बाइटबस्टर
3
डेमो पेज मर चुका है।
— एडवर्ड ओलिमिसन
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.