bootstrap導航欄實現鼠標移入展開

bootstrap鼠標移入導航展開下拉菜單則加以下jq代碼：

$(function () {
       $(".dropdown").mouseover(function () {
           $(this).addClass("open");
       });
       $(".dropdown").mouseleave(function(){
           $(this).removeClass("open");
       })
    })

實現鼠標點擊“有下拉菜單的導航“ （一級導航）進行跳轉：

var jump = function(type_id){
        window.location.href = "blogPage.action?type_id=" + type_id;
    }

當前頁導航欄高亮顯示的方式：
1、每個html/jsp都有導航欄，則設置當前頁導航項的css為高亮即可
2、多個頁面共用一個導航欄（導航欄單獨寫一個jsp/html,其它頁面調用）：
$(‘#navbar-collapse ul’).children(‘li’).eq(0).addClass(‘active’);
//childer():因為導航欄有下拉菜單，下拉菜單又有用li標簽，所有用childer()來查找li的標簽
3、在一個頁面上的導航條高亮顯示：

   $(" ul li").click(function () {                     
       $(this).addClass("selected").siblings('li').removeClass("sele cted");
   });
   //給點擊項加class，移除其它項的class