WordPress主题引入外部JQUERY库的正确方式 - 五弟教程
引用
WordPress引入CSS的函数：
wp_enqueue_style();
WordPress引入JS的函数：
wp_enqueue_script( $handle, $src, $deps, $ver, $in_footer );
如果提供了 $src 则注册脚本（不覆盖），并将其排入队列。
$handle字符串 必填脚本的名称。应该是独一无二的。
$src字符串 可选脚本的完整 URL，或脚本相对于 WordPress 根目录的路径。
默认：
''$deps字符串[] 可选一组注册脚本处理此脚本所依赖的。
默认：
array()$ver字符串| 布尔| null 可选指定脚本版本号的字符串，如果有的话，它会作为查询字符串添加到 URL 中以用于缓存清除目的。如果 version 设置为 false，则会自动添加一个等于当前安装的 WordPress 版本的版本号。
如果设置为 null，则不添加任何版本。默认：
false$in_footer布尔 可选是否在之前
</body>而不是在<head>.
默认'false'。默认：
false
挂钩
所有的引入都应挂钩于wp_enqueue_scripts，后台引入则挂钩于admin_enqueue_scripts，登录用户引入则挂钩与login_enqueue_scripts
如何挂钩？参考代码如下
function wpdocs_scripts_method(){
wp_enqueue_script('jquery', 'https://libs.baidu.com/jquery/2.1.4/jquery.min.js');
add_action('wp_enqueue_scripts', 'wpdocs_scripts_method');
function wpdocs_scripts_method(){ //在这里添加你的引入js的函数} //示范引入百度在线jQuery wp_enqueue_script('jquery', 'https://libs.baidu.com/jquery/2.1.4/jquery.min.js'); } add_action('wp_enqueue_scripts', 'wpdocs_scripts_method');
注意事项
引入jquery时，脚本名称最好就写jquery，而不要写其他字符
比如，这是一个错误示范：
wp_enqueue_script(‘myjquery’, ‘https://libs.baidu.com/jquery/2.1.4/jquery.min.js’);
我将脚本名称定义为myjquery，虽然这样并不会妨碍脚本的正确引入，但是，会导致依赖于jquery的库（比如jqueryUI）失效。
在wp_enqueue_scripts钩子里，影响可能不大，但是，在admin_enqueue_scripts中，可能会让你头疼。
比如小工具界面的拖动功能失效。
后台小工具界面，WordPress不仅调用了jquery，也调用了jqueryUI，你如果还需要引入外部JqueryUI，那你的名称应该这么写：jquery-ui-core
为什么呢？
因为，WordPress给jqueryui取名就叫jquery-ui-core。
所以，正确的引入方式是这样的：
wp_enqueue_script(‘jquery-ui-core’, ‘//apps.bdimg.com/libs/jqueryui/1.10.4/jquery-ui.min.js’);
你也许还想引入其他的JS库，只要是WordPress没使用的库，你怎么取名都可以，如果WordPress已经在使用的库，你取名应该与他一致。
在这里查看WordPress是如何取名的：https://developer.wordpress.org/reference/functions/wp_enqueue_script/
第2列，就是WordPress给这些库的命名
找到jqueryUI的库，就知道它是名称了。
文章链接：https://www.555d.cn/424.html
