怎么引入jquery.js? - wordpress开发

当下紧跟潮流的wordpress已经集成了全套的jquery库与其他子库,方便我们开发主题或是插件时可以方便的调用wordpress自带的jquery库

jQuery库目前已经是非常流行且通用的前端开发js框架,而当下紧跟潮流的wordpress已经集成了全套的jquery库与其他子库,方便我们开发主题或是插件时可以方便的调用wordpress自带的jquery库,而且,这套wordpress内置的jquery库也会随着wordpress的升级而升级,让我们能一直使用最新版本的jquery库。当然使用wordpress的jquery库也有一些需要注意的地方。

方法一:

引用wordpress自带的jquery.js

将以下代码添加至 header.php 文件的<head>标签内<?php wp_head();? >之前,保存即可。

<?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.

方法二:

引入外部JS或者内部JS

这里提供了一些有趣的CDN

一般的引用方法:(不推荐)

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script>

推荐的引用方法:

怎么引入jquery.js? - wordpress开发-Npcink
怎么引入jquery.js? - wordpress开发-Npcink

怎么加载 CSS 和JS? - wordpress开发

这将确保网站保持高效并且不存在不兼容问题。

这是一处实例

怎么引入jquery.js? - wordpress开发-Npcink
怎么引入jquery.js? - wordpress开发-Npcink

WordPress美化 - 鼠标单击页面显示文字JS特效

单击网页的空白处会弹出有趣的文字,每一次弹出的文字还不一样,非常有趣
WP开发

Repeaterz中继器 - Kirki设置框架

2020-5-17 8:53:28

WP开发

functions.php文件详解 - wordpress开发

2020-5-30 21:40:52

⚠️
Npcink上的部份代码及教程来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。
若您的权利被侵害,请发送邮件至 link@baimu.org 或点击右侧 私信:Muze 反馈,我们将尽快处理。
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧