如何在 WordPress 中设置 jQuery [+ WordPress jQuery 插件来帮助您]

WordPress 本身就是一个很棒的平台,几乎任何人都可以以最低的成本建立网站。

使用 jquery wordpress 插件在 wordpress 中设置 jquery 的人但是,一些用户,尤其是开发人员,可能希望扩展平台的功能。例如,您可能想要添加动态页面元素,这些元素会在用户与之交互时更改外观或内容。
为了完成这项工作,大多数开发人员依靠JavaScript及其附带的库 jQuery 来使用轻量级代码高效地构建引人入胜的界面。在本文中,我们将向您展示如何在 WordPress 中开始使用 jQuery。我们还将推荐一些有用的WordPress 插件,您可以使用它们来改善您的网站。

什么是 jQuery?

jQuery 是一个 JavaScript 库,可以更轻松地使用 JavaScript 操作 HTML 元素。它是免费的、开源的,并且在前端 Web 开发人员中非常流行。
使用 jQuery,您可以对网页进行编程以响应用户交互、调用其他脚本、在不重新加载页面的情况下更改页面内容等等。如果您熟悉 JavaScript,那么有必要了解 jQuery 的工作原理,因为它可以节省开发人员的时间并且需要更少的代码来完成与纯 JavaScript 相同的任务。
有关 jQuery 如何比 JavaScript 本身更有效地工作的示例,请参阅我们的jQuery replaceWith() 函数指南。

如何在 WordPress 中使用 jQuery?

jQuery 在WordPress 开发人员中很受欢迎,用于主题和插件。WordPress CMS 代码文件包括一些 jQuery 库,允许开发人员在他们的主题和插件中利用 jQuery 来创建动态和引人入胜的界面。
jQuery 绝对不是构建这些东西所必需的,但它使工作变得容易得多。如果您对 WordPress 开发感兴趣,您应该了解 JavaScript 和 jQuery。接下来,我们将讨论如何在 WordPress 中开始使用 jQuery。

如何将 jQuery 添加到 WordPress

如前所述,jQuery 库已加载到 WordPress 中,随时可用 — 您无需下载任何其他文件或软件即可使用 jQuery。
但是,我们建议您对代码文件进行一些修改,以便在您的项目中最有效地使用 jQuery。由于您将在此过程中修改核心文件,因此您应该在进行更改之前备份您的 WordPress 站点。

兼容模式

在 WordPress 中使用 jQuery 时,您可以选择是否将您的站点置于兼容模式。兼容模式是 WordPress jQuery 的一项功能,可防止与您网站上使用的其他代码库发生冲突。
兼容模式通过针对 jQuery 快捷方式$来防止这些冲突。这个快捷方式是函数名称jQuery的简写。$的问题在于其他库也在其语法中使用$。jQuery 兼容模式通过禁用$并且只允许使用jQuery函数名称来避免混淆。
要使兼容模式工作,请将以下 jQuery 函数放入脚本文件中:

此代码后跟 jQuery 代码和/或来自其他库的代码。
兼容模式的缺点是使用jQuery而不是简写$可能会使您的代码膨胀,因为它包含更多字符并且您将经常使用此函数名称。在您的 WordPress 站点上启用兼容模式时考虑这种权衡。

入队 jQuery

接下来,为了在 WordPress 中使用 jQuery,我们需要将其入队。也就是说,我们需要加载插件和主题需要识别和处理jQuery语法的脚本。您可以将 WordPress 中包含的任何 jQuery 脚本加入队列,或将您自己的 jQuery 脚本添加到 WordPress。
在 WordPress 中,脚本使用wp_enqueue_script()函数加载,该函数位于活动 WordPress 主题的functions.php中。要使 jQuery 入队,请将此代码添加到主题的functions.php文件中,该文件位于活动主题的文件夹中。(如果没有functions.php文件,请在您的活动主题文件夹中创建一个新文件。)

wp_enqueue_script接受一个必需参数和四个可选参数:

  • $handle:(必填)一个字符串;脚本的名称
  • $src : 一个字符串;脚本的源 URL
  • $deps : 一个字符串;一组脚本依赖项
  • $ver:字符串、布尔值或空值;脚本版本号
  • $in_footer : 一个布尔值;如果为真,则将脚本放入</body>而不是 <head>中

WordPress jQuery 插件

虽然在 WordPress 中启用 jQuery 主要是一个手动过程,但有几个插件可以帮助您。

jQuery 更新器

jQuery Updater 是一个免费插件,可以自动将您安装的 WordPress 中的 jQuery 更新到最新的官方稳定版本。
WordPress 中包含的 jQuery 版本往往落后于最新的 jQuery 版本,因此此插件可确保您的网站始终以最佳版本运行。如果此插件出现问题,您可以停用该插件,系统将为您恢复原始 jQuery 版本。

该插件由 WordPress 团队在 WordPress 5.5 版本发布后创建,以解决一些开发人员在更新后面临的向后兼容性问题。它重新启用了流行的jquery-migrate功能(在它之前被删除之后),并且作为开发人员升级主题以使用最新版本的 WordPress 时的临时修复。

在 WordPress 中使用 jQuery 快速编写 JavaScript。

jQuery 绝不是 WordPress 初学者的主题。事实上,只有了解 JavaScript 在 WordPress 主题和插件中的工作原理以及如何编写它的开发人员才有意义。
但是,如果您是主题或插件开发人员,或者想要在主题界面允许的范围之外自定义他们的主题的高级管理员,那么了解 jQuery 在 WordPress 中的工作方式是必不可少的——而这一切都从这里开始。

Newsletter Updates

Enter your email address below and subscribe to our newsletter

留下评论

您的电子邮箱地址不会被公开。 必填项已用*标注