TLでちょっと話題に上がったので作ってみました(大分出遅れ)。

グローバルナビやローカルナビの現在地に、自動で class を付与するプラグインです。

作ってはみたのですが、きっと規模がでかくなると例外がボコボコ出てくると思います。

例えばこのプラグインでは、
/about/company/index.html が現在地の場合、
/about/index.html
/company/index.html
どちらにも class が付与されてしまいます。

こういった例外に全て対応するのはとても面倒難しいので、本末転倒ですが、
システム側で対応することをおすすめします

※サンプルはローカルでは正常に動作しません。環境に合わせて設定してください。

使用例

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="js/jquery.nav-now-dir.js"></script>
<script>
$(function(){
	//$(id).navNowDir(options);
	$('#global').navNowDir({//以下は全てデフォルト値
		'selector':'current'
		,'target':0
		,'depth':0
		,'index':1
		,'indexName':'index'
	});
});
</script>

options で設定できる項目の説明

  • selector:付与する class の名称
  • target:付与する要素の設定 0はアンカーの親要素 1はアンカー
  • depth:捜査する階層の深さ 0はルートディレクトリ
  • index:ルートディレクトリの INDEXファイル を対象に含めるか否か 0は含めない 1は含める
  • indexName:INDEXファイル の名称

お気づきの点などございましたら、お手数ですがコメント又はTwitterでお知らせください。