jQuery가 정의되지 않았습니다. twitter bootstrap

jQuery가 정의되지 않았다는 오류가 나타납니다. 트위터 부트 스트랩과 jQuery-UI를 사용하고 싶습니다. 내 <head>에서 필요한 CSS와 JS를 추가했습니다. jQuery-UI 페이지가 1.9.1 jQuery를 사용하고 최신 버전이 1.10.2임을 확인했습니다. 그래서 저는 일종의 갈등이 있다고 가정하고 있습니다. Twitter 부트 스트랩은 jQuery를 필요로하므로 오류가 발생할 수 있습니다. 아니면 내가 뭔가 잘못하고있는 것 같아.jQuery가 정의되지 않았습니다. twitter bootstrap

헤드 :

<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

출처

2013-10-21 Liondancer

JQuery와 부트 스트랩 앞에 나열해야합니다. –

두 버전의 jQuery를 포함하는 이유는 무엇입니까? – j08691

@ j08691 jQuery UI 사이트가 해당 버전을 사용하도록 링크되어 있으며 JS의 이전 버전과의 호환성에 대한 정보를 찾아 보았습니다. 나는 그것이 좋다는 것을 읽었지 만 때로는 오류가있어서 양쪽 모두를 포함 할 수 있습니다. – Liondancer

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

출처

2013-10-21 19:17:47 tymeJV

JS – Popnoodles

@popnoodles - Thx 그 전에 편집하기 전에 항상 CSS를로드하십시오 : – tymeJV

HTML 이후에 가장 가까운 브라우저에서 ''바로 전에 javacript를로드하는 것이 이상적입니다. 그때까지는 사용되지 않았으므로 페이지로드 속도가 빨라집니다. – Popnoodles

<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 파일은

출처

2013-10-21 19:18:19 Krishna

나는 이것을 테스트 한이 순서 최선을 작동하는 것 같다.

로드 CSS
로드 jQuery를
로드 부트 스트랩
로드 jQuery를 UI

출처

2014-05-02 06:03:47

: 당신은로드

을 jQuery 두 번; 그 중 하나 (바람직하게는 이전 버전)를 제거하십시오.
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" />

출처

2015-03-23 17:27:53 Rodrigo

jQuery 전에 bootstrap.min.js를로드하는 것이 내 문제였습니다. 건배. – Icementhols

jQuery가 정의되지 않았습니다. twitter bootstrap

답변

관련 문제