我见过这个问题的版本，但他们被问及旧版本的 jquery 或不属于 jquery ui 1.10.2 的选项卡
我的问题是:
我需要添加什么jquery代码，以便
a) 事件选项卡的选择器将添加到 url 中(例如，如果 tabs-6 是事件单击的选项卡，则浏览器中显示的 url 为 page2.html#tabs-6)
b) 我可以构建链接，根据 URL 更改哪个选项卡处于事件状态(因此，如果我在“page1.html”上创建一个指向“page2.html#tabs-3”“#tabs- 3"将成为事件选项卡？
我已将网站的多个页面合并到 jquery ui 选项卡中(使用 themerolled jquery UI 1.10)，并且我需要能够从主页上的菜单链接到各个选项卡。我对 html/css 很有经验，但我的 jquery 知识基本上仅限于能够实现和编辑演示示例。
就我们的目的而言，代码的选项卡 block 基本上是选项卡演示中的普通 jquery ui。
<head>
<script>
$(function() {
$( "#tabs" ).tabs();
// Hover states on the static widgets
$( "#dialog-link, #icons li" ).hover(
function() {
$( this ).addClass( "ui-state-hover" );
},
function() {
$( this ).removeClass( "ui-state-hover" );
}
);
});
</script>
</head>
<body>
<div id="tabs">
<ul>
<li><a href="#tabs-1">Tab One</a></li>
<li><a href="#tabs-2">Tab Two</a></li>
<li><a href="#tabs-3">Tab Three</a></li>
<li><a href="#tabs-4">Tab Four</a></li>
<li><a href="#tabs-5">Tab Five</a></li>
<li><a href="#tabs-6">Tab Six</a></li>
</ul>
</div>
<div id="tabs-1">
<p>tab 1 content</p>
</div>
<div id="tabs-2">
<p>tab 2 content</p>
</div>
<div id="tabs-3">
<p>tab 3 content</p>
</div>
<div id="tabs-4">
<p>tab 4 content</p>
</div>
<div id="tabs-5">
<p>tab 5 content</p>
</div>
<div id="tabs-6">
<p>tab 6 content</p>
</div>
</body>
最佳答案
对于(a)——我认为你必须在“select”事件上编写一些自定义代码
对于 (b) - 入站链接应该可以正常工作，只需使用选项卡的 div ID 作为片段(但要小心 Preventing scroll when using URI hash to identify tab )
关于jquery - 通过 jquery ui 选项卡中的 url 更改事件选项卡 (jquery 1.10.2)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16020425/