jquery - Bootstrap w3school tutorial Dropdown not work -
hi i'm new bootstrap , i'm trying create dropdown bootstrap , not working.
here html
<!doctype html> <html> <head> <title>sample</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> <script type="text/javascript" src="js/bootstrap.min.js"></script> <link rel="stylesheet" href="css/bootstrap.min.css"> </head> <body> <div class="dropdown"> <button class="btn btn-primary dropdown-toggle" type="button" id="ddbutton" data-toggle="dropdown">button</button> <ul class="dropdown-menu" role="menu"> <li><a href="#">html</a></li> <li><a href="#">css</a></li> <li><a href="#">javascript</a></li> </ul> </div> </body> </html>
i'm using w3school.com reference.
from console:
bootstrap.min.js:6 uncaught error: bootstrap's javascript requires jquery version 1.9.1 or higher, lower version 4
update jquery
3.x snippet:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
2.x snippet:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
1.x snippet:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
Comments
Post a Comment