$는 jquery에서 정의되지 않았습니다.

Question

트위터 부트 스트랩을 사용하는 중에이 오류가 발생합니다. html로 사용할 때이 오류가 발생하지 않았습니다. 나는 그것을 wordpress 테마로 변환했고, 이제 나는이 오류를 얻고있다.

<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-dropdown.js"></script> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
<script type="text/javascript"> 
$('.dropdown-toggle').dropdown() 
</script> 

이러한 오류가 발생합니다.

1. 부트 스트랩 - dropdown.js 라인 (72)
2. "$ (". 드롭 다운-토글 "). 드롭 다운은 함수가 아닙니다"

도움이 많이에서 "$는 정의되지 않습니다" 고맙습니다. 덕분에 .

편집 : 내가이 https://stackoverflow.com/a/9301017/759257

을 시도하고 최신 JQuery와 버전 1.7.1을 포함 지금은 작동합니다!

Answer 1

잘못된 순서로 스크립트를로드하고 있습니다. 먼저 jQuery를로드하십시오. 그렇지 않으면 부트 스트랩 스크립트에서 사용할 수 없습니다. 당신은 워드 프레스에 JQ를 사용하는 경우도

Answer 2

, 당신은

jQuery(document).ready(function($) { 
    // $() will work as an alias for jQuery() inside of this function 
}); 

Further reading

Answer 3

에 코드를 포장한다 나는 "부트 스트랩-dropdown.js"파일이 jQuery 플러그인입니다 가정합니다. 그렇다면 jQuery를 먼저로드해야하므로 <script> 태그를 전환해야합니다.

Answer 4

당신은 올바른 순서를 설정하지 않을 :

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-dropdown.js"></script> 
<script type="text/javascript"> 
$('.dropdown-toggle').dropdown(); 
</script> 

Answer 5

첫 번째 통화의 jquery.min.js 다음 부트 스트랩-dropdown.js

는 부트 스트랩-dropdown.js없이 실행되기 때문에 jquery

Answer 6

이 똑같은 문제가있었습니다. 나는 그것을 확인을해야하므로 그 부트 스트랩 jQuery를 후에로드하는 생각

bundles.Add(New ScriptBundle("~/bundles/jquery-etc").Include(
       "~/Scripts/jquery-{version}.js", 
       "~/Scripts/jquery-ui-{version}.js", 
       "~/Scripts/bootstrap.js", 
       "~/Scripts/respond.js", 
       [other js files here])) 

: 나는 다음과 같이 전면 하나 메가 번들로, 부트 스트랩을 포함, 내 모든 자바 스크립트 파일을로드, 기본적으로, 원래이었다. 아니. 이 JQuery와 후에 속성을로드하는 부트 스트랩을 발생

  bundles.Add(New ScriptBundle("~/bundles/jquery-etc").Include(
       "~/Scripts/jquery-{version}.js", 
       "~/Scripts/jquery-ui-{version}.js", 
       [other js files here])) 


      bundles.Add(New ScriptBundle("~/bundles/bootstrap").Include(
       "~/Scripts/bootstrap.js", 
       "~/Scripts/respond.js")) 

다음과 같이 그래서 별도의 묶음으로 부트 스트랩했습니다. 아마 djb의 해결책도 그 일을했을 것입니다. 그러나 이것은 나를 위해 일했습니다.