zTree樣式的修改,子父節點滑鼠懸浮式的樣式
阿新 • • 發佈:2019-01-08
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的了,所以趕緊分享出來,以免大家跟我犯一樣的錯誤!*/