WordPress主題引入外部JQUERY庫的正確方式 - 五弟教程
引用
WordPress引入CSS的函數(shù)：
wp_enqueue_style();
WordPress引入JS的函數(shù)：
wp_enqueue_script( $handle, $src, $deps, $ver, $in_footer );
如果提供了 $src 則注冊(cè)腳本（不覆蓋），并將其排入隊(duì)列。
$handle?字符串?必填腳本的名稱。應(yīng)該是獨(dú)一無二的。
$src?字符串?可選腳本的完整 URL，或腳本相對(duì)于 WordPress 根目錄的路徑。
默認(rèn)：
''$deps?字符串[]?可選一組注冊(cè)腳本處理此腳本所依賴的。
默認(rèn)：
array()$ver?字符串|?布爾|?null?可選指定腳本版本號(hào)的字符串，如果有的話，它會(huì)作為查詢字符串添加到 URL 中以用于緩存清除目的。如果 version 設(shè)置為 false，則會(huì)自動(dòng)添加一個(gè)等于當(dāng)前安裝的 WordPress 版本的版本號(hào)。
如果設(shè)置為 null，則不添加任何版本。默認(rèn)：
false$in_footer?布爾?可選是否在之前
</body>而不是在<head>.
默認(rèn)'false'。默認(rèn)：
false
掛鉤
所有的引入都應(yīng)掛鉤于wp_enqueue_scripts，后臺(tái)引入則掛鉤于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的函數(shù)} //示范引入百度在線jQuery wp_enqueue_script('jquery', 'https://libs.baidu.com/jquery/2.1.4/jquery.min.js'); } add_action('wp_enqueue_scripts', 'wpdocs_scripts_method');
注意事項(xiàng)
引入jquery時(shí)，腳本名稱最好就寫jquery，而不要寫其他字符
比如，這是一個(gè)錯(cuò)誤示范：
wp_enqueue_script(‘myjquery’, ‘https://libs.baidu.com/jquery/2.1.4/jquery.min.js’);
我將腳本名稱定義為myjquery，雖然這樣并不會(huì)妨礙腳本的正確引入，但是，會(huì)導(dǎo)致依賴于jquery的庫（比如jqueryUI）失效。
在wp_enqueue_scripts鉤子里，影響可能不大，但是，在admin_enqueue_scripts中，可能會(huì)讓你頭疼。
比如小工具界面的拖動(dòng)功能失效。
后臺(tái)小工具界面，WordPress不僅調(diào)用了jquery，也調(diào)用了jqueryUI，你如果還需要引入外部JqueryUI，那你的名稱應(yīng)該這么寫：jquery-ui-core
為什么呢？
因?yàn)?，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已經(jīng)在使用的庫，你取名應(yīng)該與他一致。
在這里查看WordPress是如何取名的：https://developer.wordpress.org/reference/functions/wp_enqueue_script/
第2列，就是WordPress給這些庫的命名
找到j(luò)queryUI的庫，就知道它是名稱了。
文章鏈接：https://www.555d.cn/424.html
