首页 文章

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

提问于
浏览 次
0

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

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

我在这里有一个非常简单的测试页面：http://staging.seedcreativeacademy.co.uk/slick/其中我已经将该示例中的所有代码放在光滑的网站上，但是光滑的'slide'效果似乎根本不起作用 .

我注意到Animate.cc和其他几个我试图使用的JS库的问题 - 它们似乎从functions.php文件中正确排队但没有任何东西 .

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

任何帮助将不胜感激 .

javascript php jquery wordpress genesis

1 回答

  • 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' );
    回复于

相关问题