Dtree.js 选中的菜单高亮实现
项目中菜单树使用Dtree.js实现,但是Dtree只能实现菜单悬停高亮,具体是在Dtree.js中找到
useSelection: true,
手动处理
获取div下面所有的href有值的a标签,每个a标签进行遍历,点击时候将颜色变红色,以一个全局变量flag控制,
在将菜单高亮前,将所有的a标签的颜色变黑,代码如下:
<script type="text/javascript">
var flag =0;
$(function(){
$("#systree a ").each(function(){
if($(this).attr("href").indexOf("/")>-1&&$(this).attr("href")!=""){
$(this).click(function(){
if(flag==1){
$("#systree a ").css("color","#000000");
}
$(this).css("color","red");
flag =1;
});
}
});
});
</script>