我查了一下,三级的实现多是通过扩展来的,先设置多级菜单为display:none 当:hover时显示出来和bootstrap的方式不太一样,原生不能实现的最大原因是当进行第二次点击时,二级菜单就消失掉了。。。掉了。。了
2017-02-19
链接有问题,最好用带http的cdn
<link href="http://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet">
<script src="http://cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>
<script src="http://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.js"></script>
<link href="http://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet">
<script src="http://cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>
<script src="http://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.js"></script>
2017-02-19
<script>
$("a.list-group-item").on("click",function(){
$("a.list-group-item").removeClass("active");
if(this.className!="list-group-item disabled"){
$(this).addClass("active");
}
})
</script>
实际效果
$("a.list-group-item").on("click",function(){
$("a.list-group-item").removeClass("active");
if(this.className!="list-group-item disabled"){
$(this).addClass("active");
}
})
</script>
实际效果
2017-02-17