1. 程式人生 > >樹形結構選單選中的選單高亮實現

樹形結構選單選中的選單高亮實現

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>