Question

我在两个标签页上使用jQuery标签，一切正常，几乎与演示结构相同。

<div id="tabs">
<ul>
<li><a href="#tabs-one">Tab 1</a></li>
<li><a href="#tabs-two">Tab 2</a></li>
</ul>
</div>

如果我想打开标签2 而不是第一个（默认），我将只使用以下网址：http://localhost/path/#tabs-two

然而，我注意到了一些东西，就在onload之后它会转到我不想要的<a href="#tabs-two">Tab 2</a>部分，因为它位于页面中间的某个位置。我能做些什么来阻止这种情况吗？

Answer 1

尝试这样的事情

使用指定的活动选项初始化选项卡：

$( "#tabs" ).tabs({ active: 1 });

参考

http://api.jqueryui.com/tabs/#option-active

Answer 2

您应该使用jquery在页面加载时加载选项卡，具体取决于哈希。在链接中提供与标签ID不同的ID。即，标签 - 两个标签 - 两个

<a href="#stabs-two">Tab 2</a>

例如

var hash = document.URL.substr(document.URL.indexOf('#')+1) ;
if(hash != ""){
   var tabId = hash.substring(1);
   var index = $('#tabs ul').index($('#'+tabId));
   $('#tabs ul').tabs('select', index);
}

这将解决自动滚动到ID与URL中的哈希相同的元素。

jQuery UI选项卡：不要重定向到目标选择器

2 个答案: