我正在基于Genesis框架的Wordpress网站上工作。
我试图使各种JS脚本正常工作,但目前我试图使Slick正常工作:http://kenwheeler.github.io/slick/
我在这里有一个非常简单的测试页:http://staging.seedcreativeacademy.co.uk/slick/在其中,我已经将示例中的所有代码几乎都放置在了光滑的站点上,但是光滑的“滑动”效果似乎根本没有起作用。
我注意到Animate.cc和其他几个试图使用的JS库存在此问题-它们似乎已从functions.php文件正确入队,但一无所获。
我主要想知道Genesis是否阻止脚本,如果我在function.php中添加了错误的顺序(这有关系吗?)...
任何帮助将不胜感激。
最佳答案
如果查看浏览器控制台,您会看到自定义脚本未加载,因为路径不正确。
Failed to load resource: the server responded with a status of 404 (Not Found)
如果您使用的是CDN,这就是应该如何加载脚本。您会注意到我使用了dependency参数来确保脚本以正确的顺序加载。
wp_enqueue_script( 'jquery', 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js', array(), '3.2.1', false );
wp_enqueue_script( 'jquery-migrate', 'https://cdnjs.cloudflare.com/ajax/libs/jquery-migrate/3.0.1/jquery-migrate.min.js', array( 'jquery' ), '3.0.1', false );
wp_enqueue_script( 'slick-carousel', 'https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js', array( 'jquery', 'jquery-migrate' ), '1.8.1', true );
wp_enqueue_style( 'slick-carousel', 'https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css', array(), '1.8.1' );
wp_enqueue_style( 'slick-carousel-theme', 'https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css', array( 'slick-carousel' ), '1.8.1' );