jQuery UI選項卡，更新動態選項卡的url

Question

我爲我的應用程序使用jQuery UI 動態選項卡。我想在用戶點擊選項卡時更新URL哈希值。

我在SO上發現了一些解決方案，如link1 和link2。

，我試圖解決方案如下：

的Javascript：

$("#tabs").tabs({ 
    select: function(event, ui) {     
     window.location.hash = ui.tab.hash; 

     if (ui.index == 0) // its preloaded 
       return;        
    } 
}); 

HTML：

<div id="tabs" > 
    <ul> 
     <li><a href="#tabs-1" > Tab 1 </a></li> 
     <li><a href="Home/Test1"> Tab 2 </a></li> 
     <li><a href="Home/Test2"> Tab 3 </a></li>    
    </ul> 
    <div id="tabs-1"> 
     Some Text 
    </div> 
</div> 

該解決方案採用了href值來更新URL。因此，對於第一個選項卡，URL哈希變成#tabs-1。但是對於其他選項卡，URL哈希爲：#ui-tabs-1和#ui-tabs-2。

我希望url散列值爲#Employee而不是#ui-tabs-1。

有什麼想法？

Answer 1

我嘗試了幾種方法。我發現的最簡單的方法是將name屬性添加到錨元素。 所以，HTML部分如下。

<div id="tabs" > 
    <ul> 
     <li><a href="#tabs-1" > Tab 1 </a></li> 
     <li><a name ="Employee" href="Home/Test1"> Tab 2 </a></li> 
     <li><a name ="Address" href="Home/Test2"> Tab 3 </a></li>    
    </ul> 
    <div id="tabs-1"> 
     Some Text 
    </div> 
</div> 

JavaScript部分將保持不變。