透過網頁pathname使Bootstrap的Active生效

1.前言

前陣子在刻網頁前後端的Template幫助未來開發使用，發現前端頁面 layout 的 nav item 的需要針對 pathname 去判定是否為 active ，由於是 Bootstrap 的關係設定 class 就行了，但還是記錄在這裡未來需要用得時候我能直接過來複製。

2.Code

我想用 jQuery 來解決這一件事情也許是最快的，頁面載入時就能自動地去判斷 pathname 去設定對應的 nav item 。

$(document).ready(function () {
	$('body').find('a[href="' + location.pathname + '"]')　//抓取網頁pathname
    	     .addClass('active'); 　//針對class設定active
});