zTree样式的修改,子父节点鼠标悬浮式的样式

时间:2021-07-15 19:04:21

var ln=treeNodes.length;
 var tempNum=1;
 for(var i=0;i<ln;i++){
  var _node=treeNodes[i];
  
  if(_node.pId=="0"){

//给最外层节点绑定鼠标悬浮时的样式
   $("#"+obj.setting.treeId+"_"+tempNum+"_a").bind("mouseover",function(){(网上使用的都是_node.childId,其实不能这样,因为zTree内部是按照自己的id顺序来的,不是根据你的childId来设定的,所以如果按照childId来写的话,会跑样式的哦~)

//给最外层节点绑定鼠标悬浮式的样式(添加背景色啊之类的)


   })
  }else{

//其他子节点绑定鼠标悬浮时样式
   $("#"+obj.setting.treeId+"_"+tempNum+"_a").bind("mouseover",function(){
    //绑定鼠标悬浮式的样式(添加背景色啊之类的)
   })
   $("#"+obj.setting.treeId+"_"+tempNum+"_a").bind("click",function(){

//点击子节点是绑定事件
 
   })
   
  }
  tempNum++;
 }

 

/*太不容易,刚开始的时候明明逻辑都是对的,但是样式就是给我吓跑,最后才发现忽略了zTree内部是怎么分配ID的了,所以赶紧分享出来,以免大家跟我犯一样的错误!*/