2012-03-28 11 views
10

मैं ट्विटर बूटस्ट्रैप की typeahead कार्यक्षमता के साथ tagit को पूर्णांक करने का प्रयास कर रहा हूं।क्या मैं ट्विटर बूटस्ट्रैप के साथ टैगिट का उपयोग कर सकता हूं?

मुझे पता है कि टैगिट स्वत: पूर्ण करने के लिए jquery UI पर निर्भर करता है। क्या इसके बजाय twitters बूटस्ट्रैप का उपयोग करना संभव है?

मूल रूप से सब मैं tagit से चाहते हैं यह बताने के लिए उपयोगकर्ता जल्दी से क्लिक करें और एक सूची से आइटम निकालने लेकिन अपनी साइट पर एक और जावा स्क्रिप्ट पुस्तकालय शुरू करने की

+0

यहां एक से अधिक टाइपहेड संस्करण भी है: https://github.com/twitter/bootstrap/pull/2007। लेकिन यह अभी भी पाठ्यचर्या है। – gremo

+0

जो मुझे करीब ले जाता है। अब अगर मैं टैगिट की स्टाइल जोड़ सकता हूं जो सही होगा :) – Paul

+0

हाँ, मुझे भी रूचि है। मैं इस प्रश्न को और अपडेट के लिए देखूंगा। यह भी ध्यान रखें कि संशोधित प्लगइन डुप्लिकेट प्रविष्टियों की अनुमति देता है। – gremo

उत्तर

4

Tagit अच्छा है और मैं एक नहीं मिला है नहीं करना पसंद करेंगे है उपयुक्त प्रतिस्थापन। अच्छी खबर है, you don't need all of Jquery-UI और बूटस्ट्रैप के साथ ठीक दिखने के लिए आप टैग इनपुट को स्टाइल कर सकते हैं।

एससीएसएस:

ul.tagit { 
    margin-left: 0; 
    input { @include box-shadow(none); } 
} 

सीएसएस:

ul.tagit { 
    margin-left: 0; 
} 
ul.tagit input { 
    -webkit-box-shadow: none; 
    -moz-box-shadow: none; 
    box-shadow: none; 
} 
+2

हाय, क्या आप उस छोटे एससीएसएस स्निपेट को सामान्य सीएसएस में प्रस्तुत कर सकते हैं? यह मेरे जैसे आलसी विंडोज उपयोगकर्ताओं की मदद करेगा ... –

1

एक छोटे से example बने, कि काम कर रहा है, हालांकि बदसूरत थोड़ा। मैं वास्तव में सीएसएस स्टाइल में बहुत अच्छा नहीं हूं, इसलिए, उम्मीद है कि आप इसे पूरी तरह से ठीक करने के लिए इस उदाहरण में सुधार करेंगे।

1

यदि आपको jQuery UI निर्भरता पर कोई ध्यान नहीं है, तो आप डिफ़ॉल्ट बूटस्ट्रैप थीम की तरह दिखने के लिए jQuery UI को स्टाइल करने के लिए http://addyosmani.github.com/jquery-ui-bootstrap/ का उपयोग कर सकते हैं। इसे टैग-इट के साथ अच्छी तरह से खेलना चाहिए - कृपया मुझे बताएं अगर ऐसा नहीं है क्योंकि मैंने इसे अभी तक उपयोग नहीं किया है (मैं टैग-टैग का लेखक हूं)।

+0

अरे, क्या मैं बूटस्ट्रैप टाइपहेड का उपयोग करने के लिए टैग-विस्तार कर सकता हूं? ऐसा करने के तरीके पर कोई विचार बहुत मददगार होगा। – gaurav

+1

@gauravvgat मुझे बहुत बेहतर बूटस्ट्रैप समर्थन चाहिए। मेरे पास सीएसएस का एक संस्करण प्रगति पर है जो jQuery यूआई सीएसएस निर्भरता को हटा देगा और टैगस्ट्रेट को बूटस्ट्रैप के सीएसएस द्वारा स्टाइल करने की अनुमति देगा। मुझे लगता है कि अगला कदम टाइपहेड के लिए jQuery UI स्वत: पूर्ण करने के लिए स्वैपिंग करने की अनुमति होगी ... अभी तक कोई विचार नहीं है कि मैं इसे कैसे करूँगा, इसे tbh की प्रतीक्षा नहीं कर रहा हूं :) चूंकि मैं एपीआई को सरल रखना चाहता हूं। – aehlke

+0

मैंने बस बूटस्ट्रैप 3.0 के साथ कोशिश की, इसे तोड़ दिया :-) मुझे लगता है कि बूटस्ट्रैप को प्रतिस्थापित करने के लिए आपका मतलब है? क्या मैं सुझाव दे सकता हूं, बस एक सीएसएस संस्करण जोड़ें जो बूटस्ट्रैप के तहत काम करता है? अंततः यह खुद को कर देगा –

संबंधित मुद्दे

 संबंधित मुद्दे