Slick 和其他带有 Genesis 框架的 JS 脚本
Slick and other JS Scripts with Genesis Framework
我正在开发基于 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 中以错误的顺序添加它们(这有关系吗?)...
如有任何帮助,我们将不胜感激。
如果您查看浏览器控制台,您会发现自定义脚本未加载,因为路径不正确。
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' );
我正在开发基于 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 中以错误的顺序添加它们(这有关系吗?)...
如有任何帮助,我们将不胜感激。
如果您查看浏览器控制台,您会发现自定义脚本未加载,因为路径不正确。
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' );