footer.phpに記入してあるscript(jquery・slick・original)をfunctions.phpに書き換えるとjqueryが作動しなくなります。footer.phpでは正常に作動します。
原因をご教授いただければと思います。
php
1[footer.php] 2 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> 3 <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script> 4 <script src="https://kit.fontawesome.com/88c8d1384e.js" crossorigin="anonymous"></script> 5 <script src="https://www.line-website.com/social-plugins/js/thirdparty/loader.min.js" async="async" 6 defer="defer"></script> 7 <script src="<?php echo esc_url(get_theme_file_uri('/js/script.js')); ?>"></script> 8 <?php wp_footer(); ?> 9</body> 10
php
1[functions.php] 2function my_theme_scripts() { 3 wp_enqueue_style('reset',get_theme_file_uri('/css/reset.css')); 4 wp_enqueue_style('slick','//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css',['reset']); 5 wp_enqueue_style('original',get_theme_file_uri('/css/style.css'),['reset']); 6 wp_enqueue_script('jquery'); 7 wp_enqueue_script('js_slick','//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js',['jquery']); 8 wp_enqueue_script('font_awesome','https://kit.fontawesome.com/88c8d1384e.js',['jquery']); 9 wp_enqueue_script('line','https://www.line-website.com/social-plugins/js/thirdparty/loader.min.js',['jquery']); 10 wp_enqueue_script('allpage',get_theme_file_uri('/js/script.js'),['jquery']); 11} 12add_action('wp_enqueue_scripts','my_theme_scripts');
javascript
1[script.js] 2$(function () { 3 // burger 4 (function () { 5 var $header = $('#js-header'); 6 7 // navigation 8 $('#js-toggle').on('click', function (e) { 9 e.preventDefault(); 10 $header.toggleClass('add-active'); 11 }); 12 13 $('.js-nav-link, #js-overlay').on('click', function (e) { 14 $header.removeClass('add-active'); 15 }); 16 17 var pcWidth = window.matchMedia('screen and (min-width: 769px)'); 18 function checkBreakPoint() { 19 if (pcWidth.matches) { 20 $header.removeClass('add-active'); 21 } 22 } 23 pcWidth.addListener(checkBreakPoint); 24 checkBreakPoint(); 25 26 })(); 27}) 28 29$(function () { 30 $('.slider').slick({ 31 autoplay: true, // 自動でスクロール 32 autoplaySpeed: 0, // 自動再生のスライド切り替えまでの時間を設定 33 speed: 7000, // スライドが流れる速度を設定 34 cssEase: "linear", // スライドの流れ方を等速に設定 35 slidesToShow: 3, // 表示するスライドの数 36 swipe: false, // 操作による切り替えはさせない 37 arrows: false, // 矢印非表示 38 pauseOnFocus: false, // スライダーをフォーカスした時にスライドを停止させるか 39 pauseOnHover: false, // スライダーにマウスホバーした時にスライドを停止させるか 40 responsive: [ 41 { 42 breakpoint: 750, 43 settings: { 44 slidesToShow: 2, // 画面幅750px以下でスライド3枚表示 45 } 46 } 47 ] 48 }); 49});
回答1件
あなたの回答
tips
プレビュー
下記のような回答は推奨されていません。
このような回答には修正を依頼しましょう。
また依頼した内容が修正された場合は、修正依頼を取り消すようにしましょう。
2022/09/30 16:36
2022/09/30 16:43
2022/09/30 17:20
2022/09/30 17:37
2022/09/30 18:02