今天使用了bootstrap框架创建导航栏的下拉菜单,但试了多次没有效果,检查代码也没问题。最终通过百度了解到需要引入jquery,Bootstrap插件是jquery插件,依赖于jquery。
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>bootstrap test</title>
<link href="css/bootstrap.css" rel="stylesheet" />
<script type="text/javascript" src="http://www.see-source.com/bootstrap/js/jquery.js"></script>
<script src="js/bootstrap.js"></script>
</script>
</head>
<body>
<ul class="nav nav-tabs" >
<li class="active"><a href="#">首页</a></li>
<li><a href="#">热点</a></li>
<li class="dropdown " >
<a class="dropdown-toggle" data-toggle="dropdown" href="#">新闻<b class="caret"></b></a>
<ul class="dropdown-menu" >
<li><a tabindex="-1" href="#">zhazha</a></li>
<li><a tabindex="-1" href="#">nima</a></li>
</ul>
</li>
</ul>
</body>
仅仅是短了这样一句引用(下载了jQuery库文件,然后引用)。bootstrap的jQuery必须引用在这句之后。
<script type="text/javascript" src="../js/jquery.js"></script>