1. 程式人生 > >網站的導航菜單 遠擇一個欄目跳轉後,為導航菜單的這個欄目增加選中的樣式的思路

網站的導航菜單 遠擇一個欄目跳轉後,為導航菜單的這個欄目增加選中的樣式的思路

code location 進行 ret 增加 str nav win clas

比如一個二級菜單,當選中二級菜單時候那麽可以將其父級元素進行展開顯示,同時父級元素的其他同級元素是縮起來的,選中的代碼思路如下:

 /**
 * 導航菜單
 */
$(document).ready(function(){  
    $(‘#navMenu li a‘).each(function(){  
        if($($(this))[0].href==String(window.location))  
            $(this).parent().addClass(‘hover‘);  
    });  
})
這裏就是遍歷每個a標簽,看是否與頭部的location是否一致。

網站的導航菜單 遠擇一個欄目跳轉後,為導航菜單的這個欄目增加選中的樣式的思路