如何从 CDN 将 WordPress 中的脚本排入队列？

Posted 2023-02-22

【中文标题】如何从 CDN 将 WordPress 中的脚本排入队列？

【英文标题】：How to enqueue scripts in WordPress from CDN?

【发布时间】：2017-03-17 03:32:44

【问题描述】：

我正在尝试从 codepen 复制一支笔，为此我必须从 CDN 加载 3 个脚本文件，从服务器加载一个。

从 CDN 加载脚本的正确语法是什么？ My codepen

脚本文件是：

https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js
https://cdn.jsdelivr.net/jquery.slick/1.5.9/slick.min.js
https://cdnjs.cloudflare.com/ajax/libs/gsap/1.18.2/TweenMax.min.js

任何帮助将不胜感激。

【参考方案1】：

在您的functions.php 中，使用wp_register_script() 和wp_enqueue_script()

CSS

wp_register_style( 'Font_Awesome', 'https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css' );
wp_enqueue_style('Font_Awesome');

JS

wp_register_script( 'jQuery', 'https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js', null, null, true );
wp_enqueue_script('jQuery');

您的情况

wp_register_script( 'jQuery', 'https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js', null, null, true );
wp_enqueue_script('jQuery');
wp_register_script( 'TweenMax', 'https://cdnjs.cloudflare.com/ajax/libs/gsap/1.18.2/TweenMax.min.js', null, null, true );
wp_enqueue_script('TweenMax');
wp_register_script( 'Slick', 'https://cdn.jsdelivr.net/jquery.slick/1.5.9/slick.min.js', null, null, true );
wp_enqueue_script('Slick');

【讨论】：

那么这会加载我需要包含的三个脚本吗？

@wscourage 为脚本尝试过。不工作。请帮忙

我什至添加了 slick 的依赖，如下所示： wp_register_script( 'Slick', 'cdn.jsdelivr.net/jquery.slick/1.5.9/slick.min.js', array('jquery'), null, true );但这没有帮助

我的浏览器是 chrome。可以试试吗

控制台显示：jquery-migrate.min.js:2 JQMIGRATE: Migrate is installed, version 1.4.1 slip.js:43 Uncaught TypeError: $slider.slick is not a function(... ) 我认为该错误来自我从本地主机加载的脚本。