2012-11-22 4 views
15

Google 크롬을 사용하고 있습니다.
Twitter Bootstrap을 사용하여 간단한 알림을 추가하고 싶습니다. 불행히도 alert은 x를 누르면 사라지지 않습니다. 여기 지저귐 부트 스트랩을 사용하여 경고를 기각합니까?

내 코드는 alert 문서를 기반으로 :

<!DOCTYPE html> 
<html> 
    <head> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script> 
    <!-- Bootstrap --> 
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen"> 
    </head> 
    <body>  
    <div class="alert"> 
     <button type="button" class="close" data-dismiss="alert">×</button> 
     <strong>Warning!</strong> Best check yo self, you're not looking too good. 
    </div>  
    </body> 
</html> 

그리고 나는 또한 시도 :

<!DOCTYPE html> 
    <html> 
    <head> 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script> 
     <!-- Bootstrap --> 
     <link href="css/bootstrap.min.css" rel="stylesheet" media="screen"> 
    </head> 
    <body>  
    <div class="alert"> 
     <a href="#" class="close" data-dismiss="alert">×</a> 
     <strong>Warning!</strong> Best check yo self, you're not looking too good. 
    </div>  
    </body> 
    </html> 

무엇을 기각 할 없습니다?

+8

bootstrap.js를 완전히 잊어 버린 이래로 이상하지는 않습니다 :) – davidkonrad

+2

작동합니다 :) 감사합니다 :) .... 당신의 대답을 점수로 올려 줄 수 있습니다 :) –

+3

절대 신경 쓰지 마세요. , 그냥 전형적인 실수 - 항상 발생합니다 :) – davidkonrad

답변

19

덕분에 davidkonrad 님의 댓글입니다.

<script src="js/bootstrap.min.js"></script> 
+2

또 다른 원인은 다음과 같습니다 : 잡히지 않은 오류 : 부트 스트랩의 JavaScript에는 jQuery가 필요합니다. 그런 다음'% script {: src => '//code.jquery.com/jquery.js'}' –

0

내가 (당신이 그것을 필요로하거나 닫기 버튼없이) 소란의 최소 제대로 형성 부트 스트랩 3 경고를 주입하면 수있는 small, customisable, jquery plugin를 작성했습니다 :
이 솔루션은 추가하여, 사소한 상자를 닫은 후 쉽게 재생성 할 수 있습니다.

사용, 테스트 및 예제는 https://github.com/davesag/jquery-bs3Alert을 참조하십시오.

관련 문제