質問編集履歴
4
テキスト追記
test
CHANGED
File without changes
|
test
CHANGED
@@ -56,6 +56,17 @@
|
|
56
56
|
```
|
57
57
|
どうすれば、動的に増えるリスト(カテゴリー)に対してURLで判定してclassを付与する。といったことが実現できるでしょうか?
|
58
58
|
|
59
|
+
```ここに言語を入力
|
60
|
+
if (document.URL.match("/blog_category/felling/") && li a の要素の中身が"伐採")
|
61
|
+
{
|
62
|
+
$(".tab_nav ul li a 要素の中身が"伐採")に.addClass("on");
|
63
|
+
}else if (document.URL.match("/blog_category/prune/") && li a の要素の中身が"剪定")
|
64
|
+
{
|
65
|
+
$(".tab_nav ul li a 要素の中身が"剪定")に".addClass("on");
|
66
|
+
}
|
67
|
+
```
|
68
|
+
上記のように日本語を入れて考えてみたのですが、書き方がわかりませんでした。
|
69
|
+
|
59
70
|
またはURL判定以外での実装方法はありますでしょうか?
|
60
71
|
|
61
72
|
|
3
説明編集
test
CHANGED
File without changes
|
test
CHANGED
@@ -40,7 +40,7 @@
|
|
40
40
|
URLがマッチした時にliタグの何番目にclass="on"を付与する。といった書き方なのでliタグの順番や数が変わると意図した挙動になりません。
|
41
41
|
|
42
42
|
実際のリストはwordpressで管理しており、リストの数は動的に変わります。
|
43
|
-
|
43
|
+
(そのカテゴリーに属する記事がない場合は、リストに表示されない。)
|
44
44
|
|
45
45
|
```PHP
|
46
46
|
<ul>
|
@@ -56,4 +56,6 @@
|
|
56
56
|
```
|
57
57
|
どうすれば、動的に増えるリスト(カテゴリー)に対してURLで判定してclassを付与する。といったことが実現できるでしょうか?
|
58
58
|
|
59
|
+
またはURL判定以外での実装方法はありますでしょうか?
|
59
60
|
|
61
|
+
|
2
説明追記
test
CHANGED
File without changes
|
test
CHANGED
@@ -3,7 +3,7 @@
|
|
3
3
|
遷移先ページ(クリックしたリスト)のリスト背景色を変えたいです。
|
4
4
|
|
5
5
|
例)
|
6
|
-
「伐採」をクリック-> 「伐採」一覧ページへ遷移->リストの「伐採」の背景に色を付ける(class付与)
|
6
|
+
「伐採」(http://localhost:XXX/blog_category/felling/)をクリック-> 「伐採」一覧ページへ遷移->リストの「伐採」の背景に色を付ける(class付与)
|
7
7
|
|
8
8
|
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-11-02/5b048ba6-1494-47b0-8e24-fdb4b814b126.png)
|
9
9
|
jQuery URLで判定して listにclassを付与しようと以下のURLに対して、
|
1
説明追記
test
CHANGED
File without changes
|
test
CHANGED
@@ -1,6 +1,9 @@
|
|
1
1
|
|
2
2
|
下記イメージのように、リストをクリックすると、そのリストの一覧ページに遷移。
|
3
3
|
遷移先ページ(クリックしたリスト)のリスト背景色を変えたいです。
|
4
|
+
|
5
|
+
例)
|
6
|
+
「伐採」をクリック-> 「伐採」一覧ページへ遷移->リストの「伐採」の背景に色を付ける(class付与)
|
4
7
|
|
5
8
|
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-11-02/5b048ba6-1494-47b0-8e24-fdb4b814b126.png)
|
6
9
|
jQuery URLで判定して listにclassを付与しようと以下のURLに対して、
|