質問編集履歴

2

説明をもっと細かく

2020/03/11 10:06

投稿

kaori_oka
kaori_oka

スコア176

test CHANGED
File without changes
test CHANGED
@@ -94,6 +94,10 @@
94
94
 
95
95
  ポリフィルのご紹介いただいて、入れてみました。
96
96
 
97
+ chromeとIE11どちらでも動かなくなってしまいました。
98
+
99
+ 使用方法が間違ってますでしょうか??
100
+
97
101
  ```js
98
102
 
99
103
  // JavaScript Document

1

ポリフィル追加

2020/03/11 10:06

投稿

kaori_oka
kaori_oka

スコア176

test CHANGED
File without changes
test CHANGED
@@ -87,3 +87,93 @@
87
87
 
88
88
 
89
89
  ちなみに 2 桁の 0 詰めなのは、当初はコーディング合せでこだわりはなかったです。
90
+
91
+
92
+
93
+ #### ポリフィル
94
+
95
+ ポリフィルのご紹介いただいて、入れてみました。
96
+
97
+ ```js
98
+
99
+ // JavaScript Document
100
+
101
+ $(function() {
102
+
103
+ // 目次(Menu)IE11対応
104
+
105
+ // https://github.com/uxitten/polyfill/blob/master/string.polyfill.js
106
+
107
+ // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/padStart
108
+
109
+ if (!String.prototype.padStart) {
110
+
111
+ String.prototype.padStart = function padStart(targetLength, padString) {
112
+
113
+ targetLength = targetLength >> 0; //truncate if number, or convert non-number to 0;
114
+
115
+ padString = String(typeof padString !== "undefined" ? padString : " ");
116
+
117
+ if (this.length >= targetLength) {
118
+
119
+ return String(this);
120
+
121
+ } else {
122
+
123
+ targetLength = targetLength - this.length;
124
+
125
+ if (targetLength > padString.length) {
126
+
127
+ padString += padString.repeat(targetLength / padString.length); //append to original to ensure we are longer than needed
128
+
129
+ }
130
+
131
+ return padString.slice(0, targetLength) + String(this);
132
+
133
+ }
134
+
135
+ };
136
+
137
+ }
138
+
139
+
140
+
141
+ // 目次(Menu)にのaタグを探して[href]に[#case + 連番]を挿入
142
+
143
+ $(".listStyle09 li a").each(function(index) {
144
+
145
+ $(this).attr(
146
+
147
+ "href",
148
+
149
+ "#case" + (index + 1).toString().String.prototype.padStart(2, "0")
150
+
151
+ );
152
+
153
+ var menuIndex = menuIndex + 1;
154
+
155
+ });
156
+
157
+
158
+
159
+ //「.menu_anchorlink」のclassのついた箇所に「caseXX」のidを付与する
160
+
161
+ $(".menu_anchorlink").each(function(index) {
162
+
163
+ $(this).attr(
164
+
165
+ "id",
166
+
167
+ "case" + (index + 1).toString().String.prototype.padStart(2, "0")
168
+
169
+ );
170
+
171
+ var anchorpoint = anchorpoint + 1;
172
+
173
+ anchorpoint = parseInt(anchorpoint);
174
+
175
+ });
176
+
177
+ });
178
+
179
+ ```