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

質問編集履歴

3

コード編集

2018/04/05 21:18

投稿

shino_m
shino_m

スコア6

title CHANGED
File without changes
body CHANGED
@@ -50,7 +50,7 @@
50
50
 
51
51
  <ul class="link_box">
52
52
  <li id="a">タブ1内容
53
- <a href="#tab2" class="tab_link">このリンクからタブ2を開きたい</a>
53
+ <a href="#tab2" class="tab_link" onClick="OnLinkClick();">このリンクからタブ2を開きたい</a>
54
54
  </li>
55
55
  </ul>
56
56
  <ul class="link_box hide">

2

試したこと・エラーメッセージ追記

2018/04/05 21:18

投稿

shino_m
shino_m

スコア6

title CHANGED
File without changes
body CHANGED
@@ -10,11 +10,23 @@
10
10
  参考にしたサイト
11
11
  [リンク内容](https://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q12172974032)
12
12
 
13
+ ### 試したこと
14
+ 別ページからタブ内のアンカーへダイレクトリンクするところまではできました。
15
+ そのタブの中にあるリンクから別のタブを開きたいです。
16
+ ```
17
+ $(function() {
18
+ $(".tab_link").on("click", function() {
19
+ $(".list_box").hide();
20
+ $($(this).attr("href")).fadeToggle();
21
+ $(this).toggleClass("current");
22
+ });
23
+ });
24
+ ```
13
25
 
14
26
  ### 発生している問題・エラーメッセージ
15
-
16
27
  ```
28
+ Uncaught ReferenceError: OnLinkClick is not defined
17
- 別ページからアンカーへダイレクトリンクするところまではできました。
29
+ at HTMLAnchorElement.onclick
18
30
 
19
31
  ```
20
32
 
@@ -38,7 +50,7 @@
38
50
 
39
51
  <ul class="link_box">
40
52
  <li id="a">タブ1内容
41
- <a href="">このリンクからタブ2を開きたい</a>
53
+ <a href="#tab2" class="tab_link">このリンクからタブ2を開きたい</a>
42
54
  </li>
43
55
  </ul>
44
56
  <ul class="link_box hide">

1

リンク追記

2018/04/05 21:14

投稿

shino_m
shino_m

スコア6

title CHANGED
File without changes
body CHANGED
@@ -8,9 +8,9 @@
8
8
  及びそのタブ内のリンクからさらに同一ページ内の別タブを開きたいです。
9
9
 
10
10
  参考にしたサイト
11
+ [リンク内容](https://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q12172974032)
11
12
 
12
13
 
13
-
14
14
  ### 発生している問題・エラーメッセージ
15
15
 
16
16
  ```