超鏈接使用URL片段（hashbang）

Question

我有一個網站（網址：http://www.example.com/#!home）與以下超鏈接：

<a href="http://www.example.com/#!about">About</a> 

當我點擊鏈接，它不會重定向。瀏覽器什麼都沒做如何使用<a>標籤導航到/#!about頁面？

Answer 1

這樣的鏈接需要在JavaScript中處理。特別是，您需要在處理hashchange event的頁面上擁有JavaScript代碼。我強烈建議將這些鏈接作爲單獨的服務器URL發佈（即使用「/ about」而不是「＃！/ about」），以便禁用JavaScript的瀏覽器可以導航到它們，然後在註冊hashchange事件偵聽器的代碼中，更新所有這些URL以指向哈希，而是（它在JavaScript中更新的事實證明JavaScript已啓用並可處理鏈接）。

Answer 2

試試這個：

$("a").live("click", function(event){ 
    var href = $(this).attr("href"); 
    if(href[0] == "/"){ 
     event.preventDefault(); 
     window.location.hash = "#!" + href; 
    } 
}); 

Answer 3

使用字母數字的文件夾名稱。