teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

3

誤字修正

2016/05/27 14:24

投稿

a2s
a2s

スコア40

title CHANGED
File without changes
body CHANGED
@@ -14,7 +14,7 @@
14
14
  /* タブ */
15
15
  <ul class="tab_area">
16
16
  <li id="tab1" class="select">タブ1</li>
17
- <li id="tab2">タブ2</a></li>
17
+ <li id="tab2">タブ2</li>
18
18
  </ul>
19
19
 
20
20
  <div class="content_area">

2

誤字修正・現コードの結果を記載

2016/05/27 14:24

投稿

a2s
a2s

スコア40

title CHANGED
File without changes
body CHANGED
@@ -13,7 +13,7 @@
13
13
  ```ここに言語を入力
14
14
  /* タブ */
15
15
  <ul class="tab_area">
16
- <li id="tab1" class="select">タブ1</a></li>
16
+ <li id="tab1" class="select">タブ1</li>
17
17
  <li id="tab2">タブ2</a></li>
18
18
  </ul>
19
19
 
@@ -62,4 +62,14 @@
62
62
  $('.content_area').eq(tabno).show();
63
63
  $('ul.tab_area li').eq(tabno).addClass('select');
64
64
  });
65
- ```
65
+ ```
66
+ ---
67
+ >Aタグが閉めタグしかない
68
+ すみません、不要なタグでした。ご指摘ありがとうございます。
69
+
70
+ >質問文内のコードだと結果はどのようになりますか?
71
+ <a href="tab2.html?no=tab1#link1">タブ1のlink1へ</a>
72
+ をクリックすると
73
+ URLはtab2.html?no=tab1#link1になり、tab2.htmlのタブ1に飛びますが、指定した#link1の部分にはなりません。
74
+ <a href="tab2.html?no=tab2#link2">タブ2のlink2へ</a>をクリックすると、
75
+ URLはtab2.html?no=tab2#link2になりますが、tab2.htmlのタブ1に飛び、指定した#link2の部分にもなりません。

1

実現したいことを追加しました

2016/05/27 14:23

投稿

a2s
a2s

スコア40

title CHANGED
File without changes
body CHANGED
@@ -1,4 +1,5 @@
1
- 題字通りです。
1
+ 別ページリンク、該当タブの中にあるハッシュタグで指定された箇所へ飛ぶようにしたいです。
2
+ (例:tab1.htmlの『タブ1のlink1へ』をクリックすると、tab2.htmlのタブ1の#link1に飛ぶ)
2
3
  JSの部分に、ハッシュの指定を入れれば良いのかなと思ったのですが、いまいちわからず…。
3
4
  どなたかお教えいただけると助かります。
4
5