jQuery UI 选项卡：为浏览器和 URL 中的每个选项卡获取 # 的最简单方法是什么？

Question

为浏览器栏和 URL 中的每个选项卡获取 # 的最简单方法是什么？

我浏览了很多 SO 问题和答案。我不需要提供后退/前进浏览器按钮功能的 jQuery Tabs UI 地址插件。我没有通过 Ajax 加载内容。

我只需要浏览器栏中的哈希值，即mydomain.com/#tab3。我可以通过直接 URL 链接到该选项卡，即http://mydomain.com/#tab3，但在该选项卡上时，哈希不会显示在浏览器栏中，除非手动输入，然后在更改选项卡时它不会更改。

我正在使用的基本标签初始化：

$(document).ready(function() { 
var $tabs= $("#tabs").tabs();

$('.home').click(function() { $tabs.tabs('select', 1); return false;});
$('.about').click(function() { $tabs.tabs('select', 2); return false;});
$('.books').click(function() { $tabs.tabs('select', 3); return false;});

$(function() {
$('#tabs').tabs({
fx : { 
opacity: 'toggle' 
}

});
});

基本标签 html：

<div id="tabs">
<ul>

<li><a href="#home">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#books">Books</a></li>

</ul>

<div id="home"> blah bah...</div>

<div id="about"> blah bah...</div>

<div id="books"> blah bah...</div></div>

链接：

这将通过 URL 链接到一个标签 - mydomain.com/#about - 但如果不手动输入它就不会在浏览器栏中显示 #：

<a href="#about" class="about" title="About">About</a>

Answer 1

你不能用吗：

<a href="#about" onClick="location.href='#about'" class="about" title="About">About</a>