jquery - jQuery Tabs - 从另一个页面打开

Question

我无法从不同页面上的链接打开选项卡。使用 jQuery 选项卡，显然第一个选项卡的链接可以正常打开，但其他选项卡不能正常打开。

我的 CSS

<div class="tabs">
    <ul class="nav">
      <li class="selected"><a href="#tab-1">One</a></li> 
      <li><a href="#tab-2">two</a></li>
      <li><a href="#tab-3">three</a></li>
      <li><a href="#tab-4">four</a></li>
    </ul>
    <div id="tab-1" class="tab-content">
          <div class="inner">
        <div class="one">
          <div class="wrap block-3 border-1"> 
                             <p>&nbsp;</p> </div>

来自另一个页面的链接：

<p><a href="business.html#tab-1" class="button-2">one</a>  </p>
<p><a href="business.html#tab-2" class="button-2">two</a>  </p>

知道我怎样才能让它工作吗？

Answer 1

以下将解析哈希并从数字中减去 1 以获得起始标签索引。如果没有哈希，将默认为第一个选项卡

var hash= location.hash, startTab=0;
if( hash && hash.indexOf('-')>-1){
  startTab= parseInt( hash.split('-').pop() -1, 10) || 0;
}

$('#tabs').tabs({ active: startTab});

请参阅active文档中的选项：http: //api.jqueryui.com/tabs/#option-active

编辑：

演示：http: //jsfiddle.net/6s2Rv/

Answer 2

EasyTabs 插件与hashchange 插件很好地处理了这个问题。您是使用插件还是自己滚动？