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

EasyTabs plugin很好地处理了hashchange插件。您使用插件还是自己动手？

Answer 2

以下将解析散列并从数字中减去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

编辑：

DEMO：http://jsfiddle.net/6s2Rv/

jQuery选项卡 - 从另一个页面打开

2 个答案: