匿名質問者
匿名質問者匿名質問者とは「匿名質問」を利用して質問した質問者。
「匿名質問」では、ユーザー名を公開せずに匿名の質問ができます。
詳しくはこちら

ページ内リンクでタブを開く方法 jQuery。


上記方法を調べてもよくわからず、教えていただきたいです。
グローバルナビでページ内リンクをクリックすると予め開いているタブへのリンクは繋がるのですが、もともと閉じている方(class=selectedがない方)へのページ内リンクができません。

いろいろなサイトを見たのですが、よくわからず苦戦しております。

グローバルナビの↓
http://abcedfg.co.jp/#hugahuga01 をクリックしたらcatalog01のタブの#catalog01へ。
http://abdcefg.co.jp/#hugahuga04 をクリックしたら catalog02のタブの#catalog04へ。

という風にしたいのですが、具体的なソースを教えて頂けると嬉しいです。

< ul id=”#tab”>
< li> < a href=”#catalog01” class=selected> hogehoge</li>
< li> < a href=”#catalog02” > hogehoge</li>
< /ul>

< div id=”#catalog01”>
< h4 id=”hugahuga01”>< /h4>
 コンテンツ
< h4 id=”hugahuga01”>< /h4>
< /div>

< div id=”#catalog02”>
< h4 id=”hugahuga03”>< /h4>
 コンテンツ
< h4 id=”hugahuga04”>< /h4>
< /div>

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2013/07/25 19:05:43
  • 終了:2013/08/01 19:10:03
匿名質問者

質問者から

匿名質問者2013/07/27 20:34:13

すいません、間違えてました。

http://abcedfg.co.jp/#hugahuga01 をクリックしたらcatalog01のタブの#hugahuga01へ。
http://abdcefg.co.jp/#hugahuga04 をクリックしたらcatalog02のタブの#hugahuga04へ。

です。

よろしくお願いいたします。

回答(0件)

回答はまだありません

  • 匿名回答1号
    匿名回答1号 2013/07/25 19:24:35
    とりあえず、補足お願いします。
     
    >グローバルナビの↓
    >http://abcedfg.co.jp/#hugahuga01 をクリックしたらcatalog01のタブの#catalog01へ。
    >http://abdcefg.co.jp/#hugahuga04 をクリックしたら catalog02のタブの#catalog04へ。
     
    ・"#catalog04"がソースに見つかりませんが、コピペされていない場所にあるんでしょうか? その部分を示すことはできませんか?

  • 匿名回答1号
    匿名回答1号 2013/07/25 19:48:50
    スクリプトはこれを参考に書いているんでしょうか?
    http://ascii.jp/elem/000/000/468/468664/
  • 匿名質問者
    匿名質問者 2013/07/25 20:34:06
    その書籍で勉強はしていたので、記述としては似ているかもしれません。

    この記述だと、うまく出来ない感じでしょうか?

    できましたら、質問内容の具体的なアドバイス等いただけると嬉しいです。
  • 匿名回答2号
    匿名回答2号 2013/07/26 15:31:54
    貼られたソースを単にコピってHTMLファイルとしてセーブするだけで現象を再現できるようにすれば、動くソースに直して貼りなおしてくれる人がいると思いますよ。
    質問文から察するに悩みの種はそんなに難しくなさそうですが、ソースの抜粋の仕方が雑すぎて答えるに答えられません。
  • 匿名回答1号
    匿名回答1号 2013/07/27 12:36:32
    これjavascriptであれこれしないと無理だと思いますよ。
    スクリプトは提示できますか?

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

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

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

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません