2012-10-28 8 views
1

이 부트 스트랩 붕괴 플러그인을 사용하기 위해 몇 시간을 보냈습니다. 이 질문에 무리를 물어 본다면 미안해하지만 적절한 답을 얻기 위해이 곳을 샅샅이 뒤 졌어.부트 스트랩 붕괴

<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <title>:(</title> 
    <!-- Bootstrap --> 
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet"> 
</head> 

<body> 
    <h1>Collapse!</h1> 

    <a class="btn btn-danger" data-toggle="collapse" data-target="#demo"> 
    simple collapsible 
    </a> 

    <div id="demo" class="collapse in"> 
     <p>Hopefully this content will be collapsible!</p> 
     <p>And this too!</p> 
    </div> 


<script type="text/javascript"> 
$(document).ready(function(){ 
     $(".collapse").collapse() 
}); 
</script> 

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> 
<script src="bootstrap/js/bootstrap.min.js"></script> 

    </body> 
</html> 

이 질문, 내가 제대로 내 질문을 포맷하는 방법을 모른다는 사실을 변명 유래의 첫 사용도 : 여기 내 HTML입니다. 방금 페이지의 js 요소를 초기화하는 jquery 작은 조각을 추가했습니다. 도와주세요! 여기

+1

jquery 및 부트 스트랩 플러그인을 포함시킨 후 Java 스크립트 코드를 삽입하십시오. –

+0

좋은 HTML 구조는 >>> 1. css 파일, 2. css 인라인 코드, 3. javaScript 파일, 4. javaScript 인라인 코드와 같은 순서를 따르십시오. –

+0

스크립트 순서를 변경하면 도움이되지 않습니다 –

답변

1

는 코드 나는이 질문은 조금 오래된 것을 볼 http://jsbin.com/aximay/1/edit

+1

내 코드의 어느 부분에 문제가 있습니까? –

+1

JS 주문이 아닌가요? JS 오류가 발생하고 있습니까? –

+0

Css 파일과 js 파일에 올바른 경로가 있는지 확인해보십시오. 콘솔에 오류가 있는지 확인하십시오. – bmscomp

0

의 작업 버전, 그러나 다만 추가 노트이다.

부트 스트랩 데이터 속성과 자바 스크립트를 사용할 필요가없는 것으로 보입니다. BS docs (see Usage)은 별개의 대안이지만 데이터 속성 또는 JS와는 독립적으로 어느 쪽과도 독립적으로 작동합니다.

관련 문제