2012-02-10 2 views
51

का उपयोग करते समय कोई विधि' टैब 'नहीं है, मैं इस समय एक छोटी सी साइट बना रहा हूं और इनडिज़र से कुछ बूटस्ट्रैप भागों का उपयोग करना चाहता हूं, विशेष रूप से टैब मैंने वर्तमान में बूटस्ट्रैप प्रोजेक्ट (http://twitter.github.com/bootstrap/javascript.html#tabs) द्वारा प्रदान किए गए उदाहरण कोड का उपयोग करने का प्रयास किया है और कुछ tweaks लेकिन लोड पर 'अपरिभाषित एक फ़ंक्शन नहीं है' प्राप्त करें।बूटस्ट्रैप: 'टाइपरर अपरिभाषित कोई फ़ंक्शन नहीं है'/'बूटस्ट्रैप-टैब

जेएस फाइलें सही क्रम में (पहले से ही एचटीएमएल में लिखे गए हैं) (jQuery, libs/bootstrap/*, मेरी script.js फ़ाइल/एचटीएमएल में मिश्रित स्क्रिप्ट) preloaded हैं, मानक jQuery कमांड (छुपा आदि) सभी काम ठीक है तो यह ' टी NoConflict() विकल्प से संबंधित प्रतीत होता है।

मुझे और क्या जांचने की आवश्यकता है?

+0

आप रेल का किस संस्करण का उपयोग कर रहे हैं? – lucapette

+0

बूटस्ट्रैप का कौन सा संस्करण आप उपयोग करने का प्रयास कर रहे हैं? – periklis

+0

@ ल्यूकापेट: 3.1.2 –

उत्तर

33

मैं वास्तव में काम करने में कामयाब रहा कि मैं क्या गलत कर रहा था (और यह मेरी गलती थी)।

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

सबक सीखा, जेएस फाइल लोड होने वाली ट्रिपल जांच, देखें कि क्या कोई संघर्ष है या नहीं।

+0

डिट्टो, हमें एक ही समस्या थी, और यह पता चला कि एक पुरानी जेएस फ़ाइल शामिल की जा रही थी। –

+0

यह त्रुटि अगर अधिक वर्णनात्मक था, तो मुझे मदद मिलेगी, लेकिन मुझे लगता है कि एसओ के लिए यह है :) –

+2

jQuery 1.6.2 से jQuery 1.7.2 में अपग्रेड करने के लिए इसे मेरे लिए सॉर्ट किया गया। –

18

सुनिश्चित करें कि आप नवीनतम jQuery का उपयोग कर कर रहे हैं, और

मैं इस कोड के साथ इस समस्या से मुलाकात की समस्या हल हो:

<script src="/scripts/plugins/jquery/jquery-1.6.2.min.js"> </script> 
<script src="/scripts/plugins/bootstrap/js/bootstrap.js"></script> 

यह परिवर्तन के बाद यह करने के लिए:

<script src="/scripts/plugins/jquery/jquery-1.7.2.min.js"> </script> 
<script src="/scripts/plugins/bootstrap/js/bootstrap.js"></script> 

यह ठीक काम करता है

+0

jQuery 1.6.2 के साथ बूटस्ट्रैप प्लगइन्स का उपयोग करने का कोई तरीका नहीं है? हमने अपनी परियोजना में jQuery बहुत कुछ उपयोग किया है और 1.7.2 तक अपग्रेड करना कुछ चीजें तोड़ रहा है, इसलिए हम इसे अगले रिलीज तक अपग्रेड करना नहीं चाहते हैं। हालांकि हम अपने ऐप में कुछ प्लगइन्स (टाइपहेड और टूलटिप्स) शामिल करना चाहते हैं। JQuery 1.6.2 के साथ उनका उपयोग करने का कोई तरीका है।किसी भी विचार अगर किसी ने इसके बराबर बनाया है जो jQuery के पुराने संस्करणों के साथ काम करता है। –

+0

यह मेरी समस्या हल हो गया। – arjuncc

+0

मेरी समस्या को हल किया – Rakeshyadvanshi

3

शायद घटना में है कि बूटस्ट्रैप एक बहुत का उपयोग करें और jQuery 1,7 http://api.jquery.com/on/

76

यह भी कारण हो सकता है पर डाला गया था अगर आप jquery.js से पहले bootstrap.js में शामिल हैं "पर" का उपयोग।

दूसरों को भी वही समस्या हो सकती है जो मैंने किया था।

bootstrap से पहले jQuery शामिल करें।

+0

लाइन को स्वैप किया और पूरी तरह से काम किया :) धन्यवाद – Terry

+1

मेरे लिए काम नहीं कर रहा है // // = lib/jquery-2.1.0.min // = lib/bootstrap.min' की आवश्यकता है – WebQube

0

हम नवीनतम jQuery लाइब्रेरी का उपयोग करके कोशिश कर सकते हैं। मुझे एक ही समस्या मिली। मैंने पहले jQuery-1.4.2.min का उपयोग किया और त्रुटि प्राप्त की। इसके बाद मैंने संस्करण 1.9.1 का उपयोग किया और यह काम करता है। धन्यवाद