MagicEdit - currentPage: A jQuery plugin to add "current" to nav links

現在閲覧しているページへのリンクをハイライトできるjQueryプラグイン「currentPage」。
一般的なナビゲーションの場合、現在いるページにハイライトをすることで、どこにいるか、分かりやすく表示することが多いですね。

これをサーバサイドでやると分岐が増えてソースが見にくくなってしまう。
例えばphpなら次のような処理がリンクごとに発生して超めんどくさい。

<?php if ($_SERVER['REQUEST_URI'] == "aaa.php") { ?>
<em>aaa</em>
<?php } else { ?>
<a href="aaa.php">aaa</a>
<?php } ?>

というわけで、currentPage.jsというのを過去に作ったのですが、これのjQueryプラグイン版がでたようです。

$("a").currentPage() とするだけで、今開いているURLとリンクを比較して、一致する場合は指定したCSSクラスを自動で追加してくれます。
サーバサイドでは一切の処理を必要とせず、このjQueryプラグインを使うことで１行で現在のリンクをハイライトしてくれます。

cssクラスの追加なので自由にスタイルを変更することが可能です。

ソースコードのメンテナンス性を上げ、開発も効率化してくれるので便利

関連エントリ

• 現ページのリンクの非アクティブ化にもう面倒なif分岐処理は不要 「CurrentPage.js」を公開