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