2013年4月15日 星期一

javascript 根據 hash 切換css

因為寫RoboInfo,需要寫判斷目前的網址,把menu做highlight,所以找了一些hash的操作來看。

判斷hash讓menu highlight
  1. function menuOn(){   
  2.         $menu=location.hash;   
  3.         if($menu=="#/"){   
  4.             $("nav li").removeClass("this_nav")("this_nav").eq(0).addClass("this_nav");   
  5.         }else if($menu=="#/earth"){   
  6.             $("nav li").removeClass("this_nav").eq(1).addClass("this_nav");   
  7.         }   
  8. }  

在初始化的時候讓menu highlight,可是如果按了back或next page,highlight就沒辦法變,所以再加一下window.onhashchange去偵測hash變化

  1. window.addEventListener("hashchange", menuOn);  

反應:

0 意見:

Related Posts Plugin for WordPress, Blogger...