質問編集履歴
5
修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -122,4 +122,4 @@
|
|
|
122
122
|
|
|
123
123
|
|
|
124
124
|
|
|
125
|
-
実はこれはWordPressの既存のテーマが生成するヘッダーの規則に則ってタグやクラスを指定しています。そのため全く同じクラス名を持つa, strong, spanタグがすでに同じページに存在することになるのですがそれが影響しているということはあるのでしょうか？
|
|
125
|
+
実はこれはWordPressの既存のテーマ(Lightning)が生成するヘッダーの規則に則ってタグやクラスを指定しています。そのため全く同じクラス名を持つa, strong, spanタグがすでに同じページに存在することになるのですがそれが影響しているということはあるのでしょうか？
|
4
追記しました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -111,3 +111,15 @@
|
|
|
111
111
|
- spanタグに指定するクラスを少し変えると追加されました。(例)class="acc-btn acc-btn-open"→class="abc-btn acc-btn-open"
|
|
112
112
|
|
|
113
113
|
- appendChildで追加する順番を変えたり、spanタグのみをappendChildしてみましたが追加されませんでした。
|
|
114
|
+
|
|
115
|
+
|
|
116
|
+
|
|
117
|
+
### 追記
|
|
118
|
+
|
|
119
|
+
2021年8月4日
|
|
120
|
+
|
|
121
|
+
maisumakunさんのURL([こちら](https://jsfiddle.net/h7zvLb31/))で問題が再現されないことを確認しました。
|
|
122
|
+
|
|
123
|
+
|
|
124
|
+
|
|
125
|
+
実はこれはWordPressの既存のテーマが生成するヘッダーの規則に則ってタグやクラスを指定しています。そのため全く同じクラス名を持つa, strong, spanタグがすでに同じページに存在することになるのですがそれが影響しているということはあるのでしょうか？
|
3
修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -49,6 +49,8 @@
|
|
|
49
49
|
|
|
50
50
|
|
|
51
51
|
const headerNavList = document.querySelector('.global-nav-list');
|
|
52
|
+
|
|
53
|
+
const headerNavItems = document.querySelectorAll('.global-nav-list > .menu-item');
|
|
52
54
|
|
|
53
55
|
headerNavList.insertBefore(newMenuItemService, headerNavItems[1].nextSibling);
|
|
54
56
|
|
2
出力部分が抜けていたため追記
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -46,11 +46,35 @@
|
|
|
46
46
|
|
|
47
47
|
newMenuItemService.appendChild(newSpanTag);
|
|
48
48
|
|
|
49
|
+
|
|
50
|
+
|
|
51
|
+
const headerNavList = document.querySelector('.global-nav-list');
|
|
52
|
+
|
|
53
|
+
headerNavList.insertBefore(newMenuItemService, headerNavItems[1].nextSibling);
|
|
54
|
+
|
|
55
|
+
```
|
|
56
|
+
|
|
57
|
+
```HTML
|
|
58
|
+
|
|
59
|
+
<ul id="menu-headernavigation" class="menu vk-menu-acc global-nav-list nav vk-menu-acc-active">
|
|
60
|
+
|
|
61
|
+
<li id="menu-item-1145" class="menu-item menu-item-type-post_type_archive menu-item-object-blog"><a href="http://localhost:8080/blog/"><strong class="global-nav-name">ブログ</strong></a></li>
|
|
62
|
+
|
|
63
|
+
<li id="menu-item-1142" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost:8080/service1/"><strong class="global-nav-name">サービス１</strong></a></li>
|
|
64
|
+
|
|
65
|
+
</ul>
|
|
66
|
+
|
|
49
67
|
```
|
|
50
68
|
|
|
51
69
|
```HTML
|
|
52
70
|
|
|
53
71
|
<!-- 結果 -->
|
|
72
|
+
|
|
73
|
+
<ul id="menu-headernavigation" class="menu vk-menu-acc global-nav-list nav vk-menu-acc-active">
|
|
74
|
+
|
|
75
|
+
<li id="menu-item-1145" class="menu-item menu-item-type-post_type_archive menu-item-object-blog"><a href="http://localhost:8080/blog/"><strong class="global-nav-name">ブログ</strong></a></li>
|
|
76
|
+
|
|
77
|
+
<!-- *****↓追加した場所↓***** -->
|
|
54
78
|
|
|
55
79
|
<li class="menu-item menu-item-has-children">
|
|
56
80
|
|
|
@@ -63,6 +87,10 @@
|
|
|
63
87
|
<!-- ここにspanタグを表示したい -->
|
|
64
88
|
|
|
65
89
|
</li>
|
|
90
|
+
|
|
91
|
+
<!-- *****↑追加した場所↑***** -->
|
|
92
|
+
|
|
93
|
+
<li id="menu-item-1142" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost:8080/service1/"><strong class="global-nav-name">サービス１</strong></a></li>
|
|
66
94
|
|
|
67
95
|
```
|
|
68
96
|
|
1
重大なミスがあったので修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -78,6 +78,6 @@
|
|
|
78
78
|
|
|
79
79
|
- リストsetAttribute()でのclass指定でそもそも複数指定できないのではと思い、aタグやstrongタグに同じ方法で複数のクラスを付けてみましたがダメでした。
|
|
80
80
|
|
|
81
|
-
- spanタグに指定するクラスを
|
|
81
|
+
- spanタグに指定するクラスを少し変えると追加されました。(例)class="acc-btn acc-btn-open"→class="abc-btn acc-btn-open"
|
|
82
82
|
|
|
83
83
|
- appendChildで追加する順番を変えたり、spanタグのみをappendChildしてみましたが追加されませんでした。
|