1、V2.x和V3.x在下拉子菜单中的区别
在BootstrapV2.x中的class="dropdown-submenu" 是可以直接使用的,但是在bootstrapV3.x的版本中,却去掉了这一个样式,需要用到下拉子菜单功能的话,需要自己去添加相应的样式:
//添加对drop_submenu的支持
.dropdown-submenu {
position:relative;
}
.dropdown-submenu>.dropdown-menu {
top:0;
left:100%;
margin-top:-6px;
margin-left:-1px;
-webkit-border-radius:0 6px 6px 6px;
-moz-border-radius:0 6px 6px 6px;
border-radius:0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
display:block;
}
.dropdown-submenu>a:after {
display:block;
content:" ";
float:right;
width:0;
height:0;
border-color:transparent;
border-style:solid;
border-width:5px 0 5px 5px;
border-left-color:#cccccc;
margin-top:5px;
margin-right:-10px;
}
.dropdown-submenu:hover>a:after {
border-left-color:#ffffff;
}
.dropdown-submenu.pull-left {
float:none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
left:-100%;
margin-left:10px;
-webkit-border-radius:6px 0 6px 6px;
-moz-border-radius:6px 0 6px 6px;
border-radius:6px 0 6px 6px;
}
参考链接:https://stackoverflow.com/questions/18023493/bootstrap-dropdown-sub-menu-missing#
2、使用boostrap的多级手风琴嵌套报错:
由于对JavaScript不太熟悉,跟官方的demo对比了好久,也没有发现问题,后来同学帮忙看过说可能是url的路径找不到的问题,才突然想到了一种可能,也就是在URL中,jQuery无法解析“/”可能,将 / 去掉就可以了。即使找不到,相关的id所代表的元素,也不会再报错。所以,建议自己以后最好使用比较成熟的版本,统一确定版本,避免出现一些问题,耗费大量时间!!!
<div class="panel panel-default">
<div class="panel-heading">
<a class="panel-title" data-toggle="collapse" data-parent="#funmenu" href="#dispatchActionlogin">添加</a>
</div>
</div>