Slick 和其他带有 Genesis 框架的 JS 脚本

Question

我正在开发基于 Genesis 框架的 Wordpress 网站。

我正在尝试让各种 JS 脚本工作，但目前我正在尝试让 Slick 工作：http://kenwheeler.github.io/slick/

我这里有一个非常简单的测试页面：http://staging.seedcreativeacademy.co.uk/slick/ 其中我几乎将示例中的所有代码都放在了 slick 站点上，但是 slick 'slide' 效果却没有似乎在工作。

我注意到 Animate.cc 和我正在尝试使用的其他几个 JS 库存在这个问题 - 它们似乎从 functions.php 文件中正确排队，但没有。

我主要想知道 Genesis 是否阻止了脚本，如果我在 functions.php 中以错误的顺序添加它们（这有关系吗？）...

如有任何帮助，我们将不胜感激。

Answer 1

如果您查看浏览器控制台，您会发现自定义脚本未加载，因为路径不正确。

Failed to load resource: the server responded with a status of 404 (Not Found)

如果您使用的是 CDN，这就是加载脚本的方式。您会注意到我使用依赖参数来确保脚本以正确的顺序加载。

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' );

Slick 和其他带有 Genesis 框架的 JS 脚本

Slick and other JS Scripts with Genesis Framework

javascript

php

wordpress

jquery

genesis