線上書籍

在 js/nav.js 建立一個JS的空檔

引入下面語法，記得要放在 jquery.js 的後面
 

<!-- 自訂選單js --> <script type="text/javascript" src="js/nav.js"></script>

nav.js

$(function(){ var current_page_URL = location.href;//目前網址 $('.navbar-nav a').each(function() { if ($(this).attr('href') !== '#') { var target_URL = $(this).prop('href'); if (target_URL == current_page_URL) { $('.navbar-nav a').parents('li, ul').removeClass('active');//移除所有的active $(this).parent('li').addClass('active');//設定active $(this).parent('li').parent('ul').parent('li').addClass('active');//設定上層active return false; } } }); });