wordpress中调用自带juqery库的方法与注意事项
发布:smiling 来源: PHP粉丝网 添加日期:2014-07-25 12:30:42 浏览: 评论:0
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.
1,直接在网上搜索到的 jQuery 特效,然后对其进行直接调用:
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jQuery.js"></script>
2.使用 Google 的 API 库进行调用,貌似很多 jQuery 都是这样调用的,很多插件通过 Google API 替换了 WP 默认的 jQuery,利用谷歌强大的服务器来加快其调用加载速度,代码如下:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jQuery/1.2.3/jQuery.min.js">
3.直接调用 WordPress 自带的 jQuery 库,代码如下:
<?php wp_enqueue_script('jQuery'); ?>
但要注意的是,此句必需加在 wp_head(); 的前面,并且在js文件中的写法是:
jQuery(document).ready(function($) { … });
这样 jQuery() 包里的所有 $() 才能被正确识别,当然也可以使用以下方法,将如下代码:
$(document).ready(function() { … });
修改为:
jQuery(document).ready(function($) { … });
Tags: wordpress 调用juqery库
相关文章
- ·WordPress初级教程1:什么是博客?(2013-11-11)
- ·WordPress初级教程-2: 什么是WordPress?(2013-11-11)
- ·WordPress初级教程-3: WordPress的功能和特点(2013-11-11)
- ·WordPress初级教程-4: 选择WordPress博客的主机和域名(2013-11-11)
- ·WordPress初级教程-5: 安装WordPress(2013-11-11)
- ·WordPress初级教程-6: 本地安装WordPress(2013-11-11)
- ·WordPress初级教程-7: 一个数据库中安装多个WordPress博客(2013-11-11)
- ·WordPress初级教程-8: WordPress控制面板/ Dashboard(2013-11-11)
- ·WordPress初级教程-9: WordPress用户设置/ Users(2013-11-11)
- ·WordPress初级教程-10: WordPress博客配置/ Settings(2013-11-11)
- ·关于wordpress上传图片不显示的原因(2013-11-11)
- ·WordPress程序的脆弱点你知道吗 (2013-11-11)
- ·总结八大Wordpress网站百度收录实现秒收的方法绝招 (2013-11-11)
- ·WordPress如何网站投稿者也可以上传图片(2014-03-18)
- ·WordPress怎么修改新用户注册邮件内容(2014-03-18)
- ·WordPress怎么添加前台注册功能(2014-03-18)
推荐文章
热门文章
最新评论文章
- 写给考虑创业的年轻程序员(10)
- PHP新手上路(一)(7)
- 惹恼程序员的十件事(5)
- PHP邮件发送例子,已测试成功(5)
- 致初学者:PHP比ASP优秀的七个理由(4)
- PHP会被淘汰吗?(4)
- PHP新手上路(四)(4)
- 如何去学习PHP?(2)
- 简单入门级php分页代码(2)
- php中邮箱email 电话等格式的验证(2)