teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

1

追記

2018/11/11 06:34

投稿

KazuhiroHatano
KazuhiroHatano

スコア7834

answer CHANGED
@@ -4,4 +4,36 @@
4
4
  第3引数に['jquery']と書いてjqueryより後に読み込まれるようにしましょう
5
5
 
6
6
  scriptタグでslickを読み込んでいるなら
7
- 少なくともwp_head()より後に書くようにしましょう
7
+ 少なくともwp_head()より後に書くようにしましょう
8
+
9
+
10
+ ---
11
+ 追記
12
+
13
+
14
+ 1. jQuery読み込み
15
+ 1. slick.js読み込み
16
+ 1. jQuery(...).slick()の実行
17
+
18
+ の順番に処理されているか
19
+ コードを追って確認
20
+
21
+ slickの後にさらにjqueryが読み込まれてないかも確認
22
+ wpはデフォルトでjquery読み込んでいるので
23
+ 普通にheadにjquery読み込みのコードを追加すると二重読み込みになる
24
+ wp_enqueue_scriptを使う形をとること
25
+ wpの組み込みのjqueryのバージョンが気に入らないなら
26
+ wp_deregister_scriptするなり相応の手順を踏むこと
27
+
28
+ slickを実行するコードも
29
+
30
+ ```js
31
+ $(...).slick();
32
+ ```
33
+ ではなく
34
+ ```js
35
+ jQuery(function($){
36
+ $(...).slick();
37
+ });
38
+ ```
39
+ のようにする