使用 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下上一頁按了第二次就失效~不知道為什麼?