ツリー構造メニュー選択したメニューハイライト

731 ワード

Dtree.js選択したメニューハイライト実装
プロジェクトのメニューツリーにはDtreeが使用されます.jsは実現するが、Dtreeはメニューの懸垂ハイライトのみを実現することができ、具体的にはDtreeである.jsで見つけた
useSelection: true,
手動処理
divの下のすべてのhref値のあるaラベルを取得し、各aラベルを遍歴し、クリックすると色が赤くなり、グローバル変数flagで制御します.
メニューをハイライトする前に、すべてのaラベルの色を黒くします.コードは次のとおりです.

		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;
					});
				}
			});
		});