質問編集履歴

1

エラー部分のHTMLの記述追加。ripples使用時のエラーを1点追加しました

2018/11/14 01:55

投稿

sonjfica
sonjfica

スコア6

test CHANGED
File without changes
test CHANGED
@@ -26,13 +26,25 @@
26
26
 
27
27
  ```
28
28
 
29
+ //slick,ripplesを使用するしないに関わらず発生するエラー
30
+
29
- [Violation] Forced reflow while executing JavaScript took 38ms
31
+ [Violation] Forced reflow while executing JavaScript took 38ms//同様のエラーが複数発生します
30
32
 
31
33
  [Violation] 'setTimeout' handler took 117ms
32
34
 
33
- [Violation] Added non-passive event listener to a scroll-blocking 'touchstart' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952
34
-
35
- [Violation] Added non-passive event listener to a scroll-blocking 'touchmove' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952
35
+ //slickのみを有効にした場合に発生するエラー
36
+
37
+ [Violation] Added non-passive event listener to a scroll-blocking 'touchstart' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952 jQuery.js:5039
38
+
39
+ [Violation] Added non-passive event listener to a scroll-blocking 'touchmove' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952 jQuery.js:5039
40
+
41
+ //ripplesのみを有効にした場合に発生するエラー
42
+
43
+ [Violation] Added non-passive event listener to a scroll-blocking 'touchstart' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952 jQuery.js:5039
44
+
45
+ [Violation] Added non-passive event listener to a scroll-blocking 'touchmove' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952 jQuery.js:5039
46
+
47
+ [Violation] 'requestAnimationFrame' handler took 59ms
36
48
 
37
49
  ```
38
50
 
@@ -42,9 +54,9 @@
42
54
 
43
55
 
44
56
 
45
- ```jQuery
57
+ ```
46
-
58
+
47
- //jQUery3.3.1
59
+ //jQUery3.3.1 jQuery.js:5039
48
60
 
49
61
  // Init the event handler queue if we're the first
50
62
 
@@ -156,6 +168,84 @@
156
168
 
157
169
  }
158
170
 
171
+ //slick使用部分のphpソース
172
+
173
+ <section class="top_slide_wrap">
174
+
175
+ <div class="slide_inner slick">
176
+
177
+ <?php $args = array(
178
+
179
+ 'post_type' => 'slide',
180
+
181
+ 'posts_per_page' => -1
182
+
183
+ );
184
+
185
+ $customPosts = get_posts($args);
186
+
187
+ if($customPosts) : foreach($customPosts as $post) : setup_postdata( $post ); ?>
188
+
189
+ <?php $img = get_field('slick_img');
190
+
191
+ $img_url = $img['url'];
192
+
193
+ $link = get_field('slick_url')
194
+
195
+ ?>
196
+
197
+ <div>
198
+
199
+ <?php if(!empty($link)): ?>
200
+
201
+ <a href="<?php echo $link;?>" class="slick_link link_on hover">
202
+
203
+ <img src="<?php echo $img_url;?>">
204
+
205
+ </a>
206
+
207
+ <?php else: ?>
208
+
209
+ <a href="" class="slick_link link_off">
210
+
211
+ <img src="<?php echo $img_url;?>">
212
+
213
+ </a>
214
+
215
+ <?php endif;?>
216
+
217
+ </div>
218
+
219
+ <?php endforeach; ?>
220
+
221
+ <?php else :?>
222
+
223
+ <div>
224
+
225
+ <img src="<?php echo get_template_directory_uri(); ?>/img/slide1.jpg">
226
+
227
+ </div>
228
+
229
+ <div>
230
+
231
+ <img src="<?php echo get_template_directory_uri(); ?>/img/slide2.jpg">
232
+
233
+ </div>
234
+
235
+ <div>
236
+
237
+ <img src="<?php echo get_template_directory_uri(); ?>/img/slide3.jpg">
238
+
239
+ </div>
240
+
241
+ <?php endif;
242
+
243
+ wp_reset_postdata(); ?>
244
+
245
+ </div>
246
+
247
+ </section>
248
+
159
249
  ```
160
250
 
161
251
 
@@ -172,6 +262,8 @@
172
262
 
173
263
  ### 補足情報(FW/ツールのバージョンなど)
174
264
 
175
- jQUery3.3.1
265
+ jQuery3.3.1
176
266
 
177
267
  slick1.6
268
+
269
+ jQueryripples version不明