2013-10-21 12 views
13

मुझे यह त्रुटि मिल रही है जो कहता है कि jQuery परिभाषित नहीं है। मैं ट्विटर बूटस्ट्रैप और jQuery-UI का उपयोग करना चाहता हूं। मेरे <head> में मैंने सीएसएस और जेएस आवश्यक जोड़ा है। मैंने देखा कि jQuery-UI पृष्ठ 1.9.1 jQuery का उपयोग करता है और नवीनतम संस्करण 1.10.2 है। तो मुझे लगता है कि कुछ प्रकार का संघर्ष चल रहा है। ट्विटर बूटस्ट्रैप को jQuery की आवश्यकता होती है ताकि त्रुटि हो सकती है। या शायद मैं कुछ गलत कर रहा हूँ।jQuery को परिभाषित नहीं किया गया है ट्विटर बूटस्ट्रैप

प्रमुख:

<head> 
    <meta charset="utf-8" /> 
    <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" /> 
    <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.min.css" /> 
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /> 
    <script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> 
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
    <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 

</head> 

त्रुटि:

Uncaught ReferenceError: jQuery is not defined   bootstrap.min.js:6 
(anonymous function)         bootstrap.min.js:6 

enter image description here

+7

jQuery के बूटस्ट्रैप से पहले सूचीबद्ध किया जाना चाहिए। –

+2

आप jQuery के दो संस्करणों को क्यों शामिल कर रहे हैं? – j08691

+0

@ j08691 वैसे jQuery संस्करण यूआई साइट उस संस्करण का उपयोग करने के लिए जुड़ा हुआ है और मैंने जेएस पिछड़ा संगतता के बारे में कुछ जानकारी देखी है। मैंने पढ़ा है कि यह अच्छा है लेकिन कभी-कभी त्रुटियां हो सकती हैं इसलिए मैंने दोनों को शामिल किया। – Liondancer

उत्तर

45

लोड jQuery बाकी सब से पहले! बूटस्ट्रैप ऊपर

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" /> 
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.min.css" /> 
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /> 

<script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 

<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> 
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> 
+7

जेएस – Popnoodles

+0

@popnoodles से पहले सीएसएस लोड करें, इसके लिए Thx संपादित करें :) – tymeJV

+1

आदर्श रूप से आप अपने एचटीएमएल के बाद जावास्क्रिप्ट लोड करेंगे ताकि 'से पहले - इसका तब तक उपयोग नहीं किया जाता है और यह उस तरह से पृष्ठ लोड को गति देता है। – Popnoodles

4
<script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> 

ऐड jQuery js फ़ाइल

4

मैं इस परीक्षण किया है और इस क्रम में सबसे अच्छा काम करने के लिए लगता है।

  1. लोड सीएसएस
  2. लोड jQuery
  3. लोड बूटस्ट्रैप
  4. लोड jQuery यूआई
5

यह सबसे क्योंकि 2 कारणों से होने की संभावना है:

  1. आप लोड कर रहे हैं jQuery दो बार; उनमें से एक को हटा दें (अधिमानतः पुराना संस्करण)।
  2. आप jQuery लोड करने से पहले bootstrap.min.js लोड कर रहे हैं (प्रलेखन here पढ़ें)।

आप क्या करने की जरूरत है:

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" /> 
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.min.css" /> 
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /> 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" /> 
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js" /> 
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js" /> 
+1

jQuery से पहले बूटस्ट्रैप.मिन.जेएस लोड हो रहा था यह मेरी समस्या थी। चीयर्स। – Icementhols

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