質問編集履歴

1

ご指摘いただいた#headerを「var navLink」に追加いたしました。

2018/11/26 11:16

投稿

hayakawatakuma
hayakawatakuma

スコア21

test CHANGED
File without changes
test CHANGED
@@ -30,59 +30,65 @@
30
30
 
31
31
  ```HTML
32
32
 
33
- <ul id="gnav">
34
-
35
- <li><a href="#contents01">コンテンツA</a></li>
36
-
37
- <li><a href="#contents02">コンテンツB</a></li>
38
-
39
- <li><a href="#contents03">コンテンツC</a></li>
40
-
41
- <li><a href="#contents04">コンテンツD</a></li>
42
-
43
- </ul>
44
-
45
- ~略~
46
-
47
- <div id="contents">
48
-
49
- <div class="inner">
50
-
51
- <div id="contents01">
52
-
53
- <h2>コンテンツA</h2>
54
-
55
- コンテンツAの領域
56
-
57
- </div>
58
-
59
- <div id="contents02">
60
-
61
- <h2>コンテンツB</h2>
62
-
63
- コンテンツBの領域
64
-
65
- </div>
66
-
67
- <div id="contents03">
68
-
69
- <h2>コンテンツC</h2>
70
-
71
- コンテンツCの領域
72
-
73
- </div>
74
-
75
- <div id="contents04">
76
-
77
- <h2>コンテンツD</h2>
78
-
79
- コンテンツDの領域
80
-
81
- </div>
82
-
83
- </div>
84
-
85
- </div>
33
+ <div id="header">
34
+
35
+ <div class="inner">
36
+
37
+ <ul id="gnav">
38
+
39
+ <li><a href="#contents01" class="current">コンテンツA</a></li>
40
+
41
+ <li><a href="#contents02">コンテンツB</a></li>
42
+
43
+ <li><a href="#contents03">コンテンツC</a></li>
44
+
45
+ <li><a href="#contents04">コンテンツD</a></li>
46
+
47
+ </ul>
48
+
49
+ </div>
50
+
51
+ </div>
52
+
53
+ <div id="contents">
54
+
55
+ <div class="inner">
56
+
57
+ <div id="contents01">
58
+
59
+ <h2>コンテンツA</h2>
60
+
61
+ コンテンツAの領域
62
+
63
+ </div>
64
+
65
+ <div id="contents02">
66
+
67
+ <h2>コンテンツB</h2>
68
+
69
+ コンテンツBの領域
70
+
71
+ </div>
72
+
73
+ <div id="contents03">
74
+
75
+ <h2>コンテンツC</h2>
76
+
77
+ コンテンツCの領域
78
+
79
+ </div>
80
+
81
+ <div id="contents04">
82
+
83
+ <h2>コンテンツD</h2>
84
+
85
+ コンテンツDの領域
86
+
87
+ </div>
88
+
89
+ </div>
90
+
91
+ </div>
86
92
 
87
93
  ```
88
94
 
@@ -212,7 +218,7 @@
212
218
 
213
219
  // ナビゲーションのリンクを指定
214
220
 
215
- var navLink = $('#gnav li a');
221
+ var navLink = $('#header #gnav li a');
216
222
 
217
223
 
218
224