通过选定的jQuery选项卡设置URL

Question

继续this question - 并使用相同的getUrlParam.js插件。

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

使用此代码，我可以控制在给定页面上加载哪个标签，例如blogs/?tab=tv在/ blogs /页面上加载标签#tv。

但是我可以通过点击标签本身来设置网址吗？

<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？

我想这是Tabs 3中缺少书签功能的解决方法。

Answer 1

好吧，你想要更改一个querystring参数而不是url（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
});