質問編集履歴
1
質問の仕方を変更しました。
test
CHANGED
File without changes
|
test
CHANGED
@@ -2,15 +2,19 @@
|
|
2
2
|
|
3
3
|
|
4
4
|
|
5
|
-
|
5
|
+
jQueryを使って現在見ているページのナビゲーションにクラス名を付けてどのページを見ているかわかるようにしています。
|
6
|
-
|
7
|
-
また、ナビゲーションのリンク先にフォルダ名が入らないトップページにもクラス名を付与したいです。
|
8
6
|
|
9
7
|
|
10
8
|
|
9
|
+
例えば、会社概要のページを見ていると
|
11
10
|
|
11
|
+
<li><a href="../outline/">会社概要</a></li>
|
12
12
|
|
13
|
+
↓
|
14
|
+
|
15
|
+
<li class="current"><a href="../outline/">会社概要</a></li>
|
16
|
+
|
13
|
-
|
17
|
+
のようにクラス名が付与されます。
|
14
18
|
|
15
19
|
|
16
20
|
|
@@ -39,8 +43,6 @@
|
|
39
43
|
|
40
44
|
|
41
45
|
```
|
42
|
-
|
43
|
-
|
44
46
|
|
45
47
|
### jQuery
|
46
48
|
|
@@ -74,23 +76,17 @@
|
|
74
76
|
|
75
77
|
|
76
78
|
|
77
|
-
### CSS
|
78
|
-
|
79
|
-
|
80
|
-
|
81
|
-
```ここに言語名を入力
|
82
|
-
|
83
|
-
.current a {
|
84
|
-
|
85
|
-
background-color: #fd7d00;
|
86
|
-
|
87
|
-
}
|
88
79
|
|
89
80
|
|
90
81
|
|
91
82
|
|
83
|
+
開いているページとマッチすれば、a要素の親であるli要素に「current」というクラスを追加します。
|
92
84
|
|
93
|
-
|
85
|
+
そうでなければ、.currentは削除するというものです。
|
86
|
+
|
87
|
+
|
88
|
+
|
89
|
+
|
94
90
|
|
95
91
|
|
96
92
|
|
@@ -98,29 +94,35 @@
|
|
98
94
|
|
99
95
|
|
100
96
|
|
101
|
-
|
97
|
+
現状のjQueryの書き方だと
|
102
98
|
|
99
|
+
下記のように1階層入っただけのページはクラス名が付与されるのですが、
|
100
|
+
|
103
|
-
h
|
101
|
+
<li><a href="../outline/">会社概要</a></li>
|
104
102
|
|
105
103
|
|
106
104
|
|
107
|
-
|
105
|
+
下記のように2階層入ったページになるとクラス名が付与されません。
|
108
106
|
|
109
|
-
(2階層入ったページ)
|
110
|
-
|
111
|
-
h
|
107
|
+
<li><a href="../outline/message/">ごあいさつ</a></li>
|
112
108
|
|
113
109
|
|
114
110
|
|
115
|
-
|
111
|
+
また、トップページで階層がない場合もクラス名が付与されません。
|
116
112
|
|
117
|
-
h
|
113
|
+
<li><a href="./">トップページ</a></li>
|
118
114
|
|
119
115
|
|
120
116
|
|
121
117
|
|
122
118
|
|
119
|
+
階層が2階層目3階層目と深くなっていった場合もクラス名が付与されるようにしたいです。
|
120
|
+
|
123
|
-
|
121
|
+
しして、できればトップページも認識してクラス名が付与されるようにしたいです。
|
122
|
+
|
123
|
+
|
124
|
+
|
125
|
+
|
124
126
|
|
125
127
|
|
126
128
|
|