web-dev-qa-db-fra.com

jQuery n'est pas défini Twitter bootstrap

Je reçois cette erreur qui indique que jQuery n'est pas défini. Je souhaite utiliser Twitter bootstrap et jQuery-UI. Dans mon <head> J'ai ajouté les CSS et JS nécessaires. J'ai remarqué que la page jQuery-UI utilise 1.9.1 jQuery et la dernière version est 1.10.2. Je suppose donc qu'il y a une sorte de conflit en cours. Twitter bootstrap nécessite jQuery pour que cela puisse être à l'origine de l'erreur. Ou peut-être que je fais quelque chose de mal.

Tête:

<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>

Erreur:

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

enter image description here

javascriptjqueryhtmlcsstwitter-bootstrap
16
Liondancer

Chargez jQuery avant tout le reste!

<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>
47
tymeJV

Cela est probablement dû à 2 raisons:

  1. Vous chargez jQuery deux fois; supprimez l'un d'eux (de préférence l'ancienne version).
  2. Vous chargez bootstrap.min.js avant de charger jQuery (lisez la documentation ici ).

Ce que vous devez faire, c'est:

<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" />
5
Rodrigo
<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>

ajouter le fichier jquery js au-dessus du bootstrap

4
Krishna

J'ai testé cela et cette commande semble fonctionner le mieux.

  1. Charger CSS
  2. Charger jQuery
  3. Charger Bootstrap
  4. Charger l'interface jQuery
4
Dev Enthusiast