4-1 加強下拉選單顯示功能

在 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;
      }
    }
  });

});