Question

在浏览器栏和网址中为每个标签获取＃的最简单方法是什么？

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

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

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

$(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>

链接：

这将通过网址链接到标签 - 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>

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

1 个答案: