Question

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

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

我在这里有一个非常简单的测试页面：http://staging.seedcreativeacademy.co.uk/slick/我几乎把这个例子中的所有代码放在光滑的网站上，但光滑的“幻灯片”效果似乎不起作用一点都不

我注意到Animate.cc以及我想尝试使用的其他几个JS库的问题 - 它们似乎从functions.php文件中正确排队但没有任何内容。

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

非常感谢任何帮助。

Answer 1

如果查看浏览器控制台，可以看到自定义脚本未加载，因为路径不正确。

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

Slick和其他带有Genesis Framework的JS脚本

1 个答案: