通過選定的jQuery選項卡設置URL

$(document).ready(function(){ 
var param = $(document).getUrlParam('tab'); 
$("#tabs").tabs(); 
$("#tabs").tabs('select', param); 
});

使用此代碼，我可以控制在給定頁面上加載哪些選項卡，例如blogs/?tab=tv加載/ blogs /頁面上的標籤#tv。

但是，有沒有一種方法可以通過點擊標籤本身來設置URL？

<ul id="mediatabs" class="tab-buttons"> 
<li class="TV"><a href="#TV">TV</a></li> 
<li class="radio"><a href="#radio">Radio</a></li> 
</ul>

即點擊電視標籤加載/?tab=tv？

我想這是在標籤3失蹤的書籤功能的解決辦法

你問如何添加一個點擊處理程序的選項卡？ – geowa4 2009-09-22 15:09:21

@ geowa4：是的，我認爲他想讓它可以在標籤中的任何地方點擊，而不僅僅是在內部的「a」鏈接。 – 2009-09-22 15:16:22

否 - 我想單擊選項卡（li塊）並更改URL。與標準制表符（即#us，#them）相同 - 但是插件，所以我可以從外部頁面/站點鏈接。 Tks – strangerpixel 2009-09-23 20:56:07

好吧，你想改變一個查詢參數，而不是網址（http://www.example.com/page.html#this-is-a-hash）的哈希值。一種方法是使用在單擊選項卡時觸發的select事件。就像：

$('#tabs').bind('tabsshow', function(event, ui) { 
    // TODO: compute the desired url and set window.location.href 
});

2009-09-24 00:26:04

是的你是對的。而且我一直試圖以這種方式使它可行。但是。這是行不通的！！！ window.location.href將帶你遠離標籤並打開一個新的屏幕。 – codebased 2011-03-09 03:53:57

回答