您的位置:首页 > Web前端 > CSS

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

2013-11-05 17:20 1216 查看
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的了,所以赶紧分享出来,以免大家跟我犯一样的错误!*/

 

 

 
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  zTree jquery js css