jQuery　タブからタブへのリンク

Question

匿名質問者

jQuery　タブからタブへのリンク

タブを使ったページを制作しており、クライアントからタブへのダイレクトリンクを貼りたいとの要望を受け、それはクリアーしました。

その後、タブからタブへのリンクをしたいとの要望を追加で受け、、ここにちょっと手小津っております。
調べたり、考えたりしたのですが、よくわからず、あまり時間もない案件のため、ご教授頂きたく質問させて頂きます。
コードは下記のようになっています。

< ul>
< li>< a href="#tab01">tab01</a></li>
< li>< a href="#tab02">tab02</a></li>
< li>< a href="#tab03">tab03</a></li>
</ul>

< div id="#tab01">
　やりたいこと< a href="http://hogehoge.jp/#tab03">tab03へ行きたい</a>
</div>
< div id="#tab02">
　
</div>
< div id="#tab03">
　ここへTABの中からのリンクで行きたい
</div>

コードの中に書いたのですが、タブの中に別タブへのリンクを付けて指定されたタブへ飛ばしたいというのが目的です。
次のタブへ飛ばすはうまく行ったのですが、指定したタブへ飛ばすコードが上手く書けず・・・。

具体的なコードを教えて頂けると幸いです。よろしくお願い致します。

回答の条件

1人5回まで

登録：2014/08/18 10:04:08
終了：2014/08/25 10:05:03

コメントはまだありません

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

リクエスト送信済

回答リクエストを送信したユーザーはいません

Answer 1 · 2014-08-18T17:43:21+09:00

No.1

匿名回答1号「匿名質問」を利用した質問に回答すると「匿名回答○号」と匿名で表示されます。
「匿名質問」では、ユーザー名を公開せずに匿名の質問ができます。
詳しくはこちら2014/08/18 17:43:21

質問文から察するにloadイベント拾ってハッシュを処理してるんだと思います。
ですので、
URLのハッシュを監視する(＃, シャープ, フラグメント識別子) at softelメモ
↑こちらの記事を参考に、イベントを拾って同様の処理をすればいいと思います。
　
ご不明な点があれば補足お願いします。

さっそくのご連絡ありがとうございます。
現在、タブのダイレクトリンクについては以下の様なコードで動かしています。
window.onload=function(){
var hash = location.hash;
if(hash){
$(".news_list li a[href=" + hash + "]").click();
$(".text_detail a[href=" + hash + "]").click();
}
parent.scroll(0,0);
$('body,html').animate({scrollTop: 0});
}

＃をひろって、リンク後にはページの先頭を表示させるようにしています。

これに追記のような形で出来るものなのでしょうか？
色々試したのですが、うまく行かず・・。

もし、ご存知でしたらサンプル的なコードを教えて頂けると嬉しいです。

2014/08/19 09:20:16

こんな感じで動くんじゃないかと思います。

window.onload=function(){
  var hash = location.hash;
  if(hash){
    $(".news_list li a[href=" + hash + "]").click();
    $(".text_detail a[href=" + hash + "]").click();
  }
  parent.scroll(0,0);
  $('body,html').animate({scrollTop: 0});

  $(window).on('hashchange', function(){
    var hash = location.hash;
    if(hash){
      $(".news_list li a[href=" + hash + "]").click();
      $(".text_detail a[href=" + hash + "]").click();
    }
  });
}

2014/08/19 09:37:20

jQuery　タブからタブへのリンク

回答（1件）

匿名回答1号「匿名質問」を利用した質問に回答すると「匿名回答○号」と匿名で表示されます。
「匿名質問」では、ユーザー名を公開せずに匿名の質問ができます。
詳しくはこちら2014/08/18 17:43:21

コメント（0件)

この質問への反応（ブックマークコメント）

jQuery タブからタブへのリンク

回答（1件）

匿名回答1号「匿名質問」を利用した質問に回答すると「匿名回答○号」と匿名で表示されます。「匿名質問」では、ユーザー名を公開せずに匿名の質問ができます。詳しくはこちら2014/08/18 17:43:21

コメント（0件)

この質問への反応（ブックマークコメント）

jQuery　タブからタブへのリンク

匿名回答1号「匿名質問」を利用した質問に回答すると「匿名回答○号」と匿名で表示されます。
「匿名質問」では、ユーザー名を公開せずに匿名の質問ができます。
詳しくはこちら2014/08/18 17:43:21