调用wordpress自带jquery库的方法与注意事项

品味人生 • 发布于 2019-02-01 21:37:02

这个家伙很害羞,不想介绍自己!

jQuery库现在已经是非常流行且通用的前端开发js框架,wordpress中基本已经集成了全套的jquery库与其他子库。所以我们在写前端程序时可以考虑调用wordpress自带的jquery库,这样我们的jquery版本就能够随着wordpress升级一起更新。当然使用wordpress的jquery库也有一些需要注意的地方。

如何直接调用wordpress的jquery库


使用wordpress的内部函数实现引用
<?php wp_enqueue_script("jquery"); ?>

 

使用时需要注意的地方


wp_enqueue_script(“jquery”); 务必加在 wp_head(); 的前面,而且 js 的写法是:

 

jQuery(document).ready(function($) {

// "$"符号在这里才能被识别

});

WP 的 jQuery 和原版唯一的不同, 就是在最后一行加了 jQuery.noConflict();
这个noConflict() 就是为了与其它的library 兼容性, 如:Prototype, MooTools, 或 YUI.