2013-06-24 9 views
6

से ट्विटर टाइपहेड हटाएं मैं अपने फॉर्म पर सभी टेक्स्ट बॉक्स अक्षम करने की कोशिश कर रहा हूं। इन बक्से में से एक पर एक टाइपहेड है। जब मैं कार्य करें:टेक्स्ट बॉक्स

$(#textbox).attr('disabled', true); 

यह अब सक्षम है, लेकिन रंग अन्य पाठ बॉक्स के सभी तरह स्विच नहीं होता है, जब वे विकलांग हो जाते हैं।

मेरा मानना ​​है कि यह ट्विटर टाइपहेड के कारण है और मैं सोच रहा हूं कि इसके आसपास कोई रास्ता है या नहीं। क्या कोई भी टेक्स्ट बॉक्स पृष्ठभूमि रंग को ओवरराइड करने या पाठ बॉक्स अक्षम होने पर टाइपहेड को पूरी तरह से निकालने के बारे में जानता है?

मैंने .unbind() और .addClass("greyBackground") को आजमाया है, लेकिन इनमें से कोई भी चाल नहीं करता है।

+0

मुझे रंग बदल रहा है ठीक है – Ian

+0

@Ian टेक्स्ट बॉक्स को अक्षम करने के लिए आप किस कार्यान्वयन का उपयोग कर रहे हैं? –

+0

यहां ठीक से अक्षम भी है (पृष्ठभूमि को "ताजा" बूटस्ट्रैप में बदल दिया गया है) - शायद '$ (" # टेक्स्टबॉक्स ")। Attr (' (उद्धरण का उपयोग करके) मदद करेगा? – davidkonrad

उत्तर

13

आप typeahead.js कार्यक्षमता जबकि textarea अक्षम किया गया है बनाए रखने की परवाह नहीं करते हैं, तो आप की तरह Typeahead को नष्ट कर सकते हैं:

$('#textbox').typeahead('destroy'); 

यह रीसेट कर देगा/कोई गुण/शैलियों typeahead.js को दूर जोड़ा हो सकता है। अगर बाद में आप typeahead.js कार्यक्षमता वापस जोड़ना चाहते थे, उसे अपने साथ reinitialize सकता है:

$('#textbox').typeahead({ /* configs */ }); 

इसके अलावा, typeahead.js बॉक्स से बाहर textarea तत्वों का समर्थन नहीं करता है, तो जब तक आप एक प्रयोग कर रहे हैं फोर्क संस्करण, आपको यह नहीं मानना ​​चाहिए कि typeahead.js अपेक्षित के रूप में काम करेगा।

+0

यह उल्लेख किया जाना चाहिए कि' .typehead ('नष्ट')' बूटस्ट्रैप संस्करण 2.2 में उपलब्ध नहीं है। 2. – Eye

+0

धन्यवाद @Eye। मैं थोड़ी देर के लिए खोज रहा हूं, हर पोस्ट में नष्ट होने का कहना है लेकिन यह काम नहीं करता है। अब मुझे पता है क्यों। किसी को भी एक विकल्प पता है? – RAC

1

बूटस्ट्रैप 2.2.2 में कोई .typeahead('destroy') फ़ंक्शन नहीं है, इसलिए निम्न सभी श्रोताओं को हटा देता है जो पहले से बंधे थे और इसे बनाए गए डीओएम तत्व को हटा दिया गया था।

$('#textbox').off() 
     .data('typeahead') 
     .$menu 
     .off() 
     .remove(); 
+0

मैं अभी भी बूटस्ट्रैप 2.3.2 पर हूं और मैं पाया कि अगर मैं बाद में टाइपहेड को दोबारा जोड़ना चाहता था, तो मुझे '.data (' typeahead ', null) का उपयोग करके टाइपहेड ऑब्जेक्ट को भी हटाना पड़ा। –

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