close

使用 location.hash 即可取得網址列後 #xxxxx

參考:http://function1122.blogspot.tw/2008/04/javascript.html

所以可以在 $(document).ready 或是 $(window).load 裡加上判斷是否直接進內頁~

 

監聽網址列改變時使用 jquery-hashchange plugin

參考:http://itseer.blogspot.tw/2012/05/hash-change.html

ex:

$(window).hashchange( function(){
     var hash = location.hash;
     switch(hash){
         case "#rule":
              //進到活動辦法頁
              break;
         case "#products":
              //進到產品介紹頁
              break;

         default:
              //預設進首頁
              break;

})

檔案下載:https://github.com/cowboy/jquery-hashchange

使用這樣的監聽選單只要設定好
例如:<a href="#rule" class="nav1">活動辦法</a> 就可以有作用了
不用再去設定 $(".nav1").click 
(小提醒) 如果內容的 id 也設成 rule 的話 畫面就會跳到該 id 的位置喔~像下錨點一樣

這樣即使是按了瀏覽器的上下頁也會有作用喔 ^^
但測試ie7下上一頁按了第二次就失效~不知道為什麼? 

 

arrow
arrow
    全站熱搜

    joshbee 發表在 痞客邦 留言(0) 人氣()