樹形結構選單選中的選單高亮實現
阿新 • • 發佈:2019-02-19
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>