最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
wordpress中调用自带juqery库的方法与注意事项
时间:2022-06-25 18:55:54 编辑:袖梨 来源:一聚教程网
jQuery库现在已经是非常流行且通用的前端开发js框架,wordpress中基本已经集成了全套的jquery库与其他子库。所以我们在写前端程序时可以考虑调用wordpress自带的jquery库,这样我们的jquery版本就能够随着wordpress升级一起更新。当然使用wordpress的jquery库也有一些需要注意的地方。
如何直接调用wordpress的jquery库
使用wordpress的内部函数实现引用
代码如下 | 复制代码 |
使用时需要注意的地方
代码如下 | 复制代码 |
wp_enqueue_script(“jquery”); 务必加在 wp_head(); 的前面,而且 js 的写法是: jQuery(document).ready(function($) { // “$”符号在这里才能被识别 }); |
WP 的 jQuery 和原版唯一的不同, 就是在最后一行加了 jQuery.noConflict();
这个noConflict() 就是为了与其它的library 兼容性, 如:Prototype, MooTools, 或 YUI.
补充
WP 的 jQuery 和原版唯一的不同, 就是在最后一行加了
代码如下 | 复制代码 |
jQuery.noConflict(); |
这个 noConflict() 就是为了与其它的 library 兼容性, 如: Prototype, MooTools, 或 YUI.
第一种方法,直接在网上搜索到的 jQuery 特效,然后对其进行直接调用:
2.使用 Google 的 API 库进行调用,貌似很多 jQuery 都是这样调用的,很多插件通过 Google API 替换了 WP 默认的 jQuery,利用谷歌强大的服务器来加快其调用加载速度。
代码如下 | 复制代码 |
3.直接调用 WordPress 自带的 jQuery 库:
代码如下 | 复制代码 |
但要注意的是:此句必需加在 wp_head(); 的前面!
并且在js文件中的写法是:
代码如下 | 复制代码 |
jQuery(document).ready(function($) { … }); |
这样 jQuery() 包里的所有 $() 才能被正确识别.
当然也可以使用以下方法,将:
代码如下 | 复制代码 |
$(document).ready(function() { … }); 修改为: jQuery(document).ready(function($) { … }); |
本教程完。
相关文章
- 王者荣耀侦探能力大测试攻略 王者荣耀侦探能力大测试怎么过 11-22
- 无期迷途主线前瞻兑换码是什么 11-22
- 原神欧洛伦怎么培养 11-22
- 炉石传说网易云音乐联动怎么玩 11-22
- 永劫无间手游确幸转盘怎么样 11-22
- 无期迷途主线前瞻兑换码是什么 无期迷途主线前瞻直播兑换码介绍 11-22