2012-11-22 11 views
15

Używam Google Chrome.
Za pomocą Twitter Bootstrap, Chcę dodać prosty alert, niestety alert nie zwalnia, gdy zostanie naciśnięty klawisz x!Usunięcie alertu za pomocą Twitter Bootstrap nie działa?

Oto mój kod na podstawie alert dokumentacji:

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

Próbowałem również:

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

Czego brakuje, aby go odrzucić?

+8

Nie dziwne, bo zupełnie zapomniałeś bootstrap.js :) – davidkonrad

+2

To działa :) .... Dzięki :) .... Możesz umieścić to jako odpowiedź, dzięki czemu mogę zwiększyć twoje punkty :) –

+3

Nieważne , tylko typowy błąd - zdarza się cały czas :) – davidkonrad

Odpowiedz

19

Dzięki komentarzowi davidkonrad.
Rozwiązanie jest banalne, dodając:

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

Inną przyczyną może być: Uncaught Error: JavaScript Bootstrap wymaga jQuery. Następnie dodaj '% script {: src => '//code.jquery.com/jquery.js'} –

Powiązane problemy