wordpressでslickを使いたいのですが、うまく動作しません。
slick自体は何度か使用したことがあるので、必要なファイルを読み込ませたのですが、slickに関するjqueryの記述のところでエラーになってしまいます。
ここの記述に間違いはなさそうなので、おそらく、functions.phpでのjsやcssn読み込み順番の問題かなと思い、いじっているのですが、うまく行きません。
ちなみにコンソールエラーは
script.js?ver=2019:129 Uncaught TypeError: $(...).slick is not a function at script.js?ver=2019:129
となっており、このエラーのさす場所は先ほどのエラーキャプチャの箇所です。
下記function.phpでのjsとcssの読み込み部分なのですが、どこか怪しい記述あったりしますでしょうか、?
アドバイスいただけると助かります。
よろしくお願いします。
※jsとcssなどのパス間違いなどではないと思われます。
javascript
1function add_files() { 2 // WordPress提供のjquery.jsを読み込まない 3 wp_deregister_script('jquery'); 4 // jQueryの読み込み 5 wp_enqueue_script( 'jquery', '//ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js', "", "2019", false ); 6 wp_enqueue_script( 'jquery-pace', '//cdnjs.cloudflare.com/ajax/libs/pace/1.0.2/pace.min.js', "", "2019", false ); 7 // サイト共通JS 8 wp_enqueue_script( 'slsick-min', get_template_directory_uri() . '/src/js/slick.min.js', array( 'jquery' ), '2019', true ); 9 wp_enqueue_script( 'smart-script', get_template_directory_uri() . '/src/js/script.js', array( 'jquery' ), '2019', true ); 10 // サイト共通のCSSの読み込み 11 wp_enqueue_style( 'top', get_template_directory_uri() . '/src/css/top.css', "top", '2019' ); 12 wp_enqueue_style( 'reset', get_template_directory_uri() . '/src/css/reset.css', "reset", '2019' ); 13 wp_enqueue_style( 'slick-theme', get_template_directory_uri() . '/src/js/slick-theme.css', "slick-theme", '2019' ); 14 wp_enqueue_style( 'slick', get_template_directory_uri() . '/src/js/slick.css', "", '2019' ); 15} 16add_action('wp_enqueue_scripts', 'add_files');
回答1件
あなたの回答
tips
プレビュー