如何调用 WordPress 中的脚本插件

发布于 2018-07-29 21:42:19 字数 1298 浏览 1801 评论 0

我们在编写主题的时候,往往都要使用到 jQuery、jQuery UI 等插件,但是如果放到主题里面显得主题比较臃肿,其实在 WordPress 的程序里面已经有这些插件了,只是我们没有去调用而已。

调用 jQuery 插件

wp_enqueue_script("jquery");

优点:主题模板会自动调用 WordPress 博客系统中的 jQuery 库,比自主加载的速度要快,而且随着 WordPress 系统的升级,主题的 jQuery 库的版本与系统的 jQuery 库版本相同。

缺点:一直提倡将 JavaScript 脚本文件在页面的底部引入(也就是放在 footer.php 文件中),这样会使页面显示的速度加快,但使用 wp_enqueue_script() 函数调用 WordPress 系统的 jQuery 库是不能放在 footer.php 中的,放在底部将调用不到 WordPress 系统的 jQuery 库。而且此时 jQuery 的 $() 简写方法将会失效,此时你可以使用原始的 jQuery() 方法或使用如下方法简写:

jQuery('a').click(function(){});

调用 comment-reply.js

使用方法:在 <head> 标签间添加如下代码:

<?php
if(is_single()){ 
    wp_enqueue_script( 'comment-reply' );
}
?>

因为 comment-reply.js 只有在文章页的时候才会使用,所以需判断当前页是否为 single 文章页,是则加载否则无须加载。

注意:wp_enqueue_script() 必须放在 <? php wp_head(); ?> 之前。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据

关于作者

JSmiles

生命进入颠沛而奔忙的本质状态,并将以不断告别和相遇的陈旧方式继续下去。

0 文章
0 评论
84961 人气
更多

推荐作者

qq_aHcEbj

文章 0 评论 0

寄与心

文章 0 评论 0

13545243122

文章 0 评论 0

流星番茄

文章 0 评论 0

春庭雪

文章 0 评论 0

潮男不是我

文章 0 评论 0

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文