1

別のページのリンクからタブを開くことができません。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>

どうすればこれを機能させることができますか？

4

2 に答える 2

0

以下は、ハッシュを解析し、数値から 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/

于 2012-12-30T16:56:33.093 に答える
0

EasyTabs プラグインは、 hashchange プラグインを使用してこれを非常にうまく処理します。プラグインを使用していますか、それとも独自に開発していますか?

于 2012-12-30T16:38:46.117 に答える