海外社媒SNS代运营Tiktok代运营公司
Revive Old Posts

营销型WordPress外贸多语言独立站建设+谷歌SEO优化+谷歌关键字广告投放,就找WP花园!深圳公司,技术实力雄厚,用效果说话!详情咨询info@wordpresshy.com

无论您是否对 WordPress 错误不熟悉,在您的网站上工作时遇到“jQuery 未定义”从来都不是一件有趣的事情。 这可能是一个令人吃惊和令人困惑的信息。 幸运的是,这是一个标准错误,使用 jQuery 的站点在某些时候可能会遇到。

也许您的网站已关闭,当您检查浏览器控制台是否有错误时,您会看到“jQuery 未定义”。 找到错误是第一步——做得好!

下一步是解决它。 因为这是要修复的更直接的 JavaScript 错误之一,所以它根本不会花费您很长时间。

在这篇文章中,我们将带您了解快速修复它所需的一切。 这包括错误意味着什么,它为什么可能首先发生——所有关键信息,以防止将来发生此错误。 最后,我们将引导您完成几个步骤来解决它。

让我们潜入吧!

什么是“未定义 jQuery”错误?

您可能会在浏览器中方便的控制台日志中发现此错误。 但这并不是令人难以置信的描述。 “jQuery 未定义”究竟是什么意思?

通俗地说,这个错误试图告诉你,你网站上的某些东西——可能是一个插件——需要 jQuery 才能在你的网站上运行。 出于某种原因,当浏览器尝试加载网站并调用特定的 jQuery 时,它不可用。

海外社媒SNS代运营Tiktok代运营公司

此错误可能会使您的网站对访问者关闭。 因为互联网上大约 78% 的网站在 jQuery 上运行,所以这是一个常见的错误。

Chrome 开发工具控制台选项卡将显示

控制台日志中的 jQuery 未定义”错误。

无论您是否对 WordPress 错误不熟悉,在您的网站上工作时遇到“jQuery 未定义”从来都不是一件有趣的事情。 😫 在这里学习如何修复它! ⬇️点击推文

“jQuery 未定义”错误的潜在原因

这个错误可能非常令人惊讶。 你的网站昨天运行得很好——发生了什么? 这可能有点令人头疼。

有一些可能发生的事情会引发“jQuery 未定义”错误:

  1. 安装在您的 WordPress 站点上的旧插件与您最近安装和激活的插件相冲突。 如果您最近安装或激活了新插件,或者您网站上的某些插件最近没有更新,这可能是原因。
  2. 缓慢或性能不佳的托管环境可能会增加 jQuery 在调用时执行所需的时间。 仔细检查您的服务器资源或错误日志以确认这一点。
  3. 您网站上的 JavaScript 在 jQuery 完全加载之前运行。 或者当页面加载时,JavaScript 文件没有被正确加载。
  4. 您用来提高站点性能的 CDN 无法访问您的服务器。 如果您根本不使用 CDN,则可以完全排除这种可能性。
  5. 您的 jQuery 版本中存在错误或拼写错误。 也许有人最近编辑了一个核心文件或插件,现在已经引起了冲突。

如何修复“未定义 jQuery”错误

在我们深入修复之前,请记住在编辑代码之前备份您的网站! 即使是最有经验的开发人员也会时不时地犯错误,手头有备份可以防止您在排除故障时丢失任何重要的工作。

如果您可以选择,首先解决暂存或开发站点上的错误,就像 Kinsta 客户所做的那样,然后确认修复并实时推送这些更改。

一旦您采取了这些必要的预防措施,就可以修复该错误。

解决此错误需要熟悉添加、删除和编辑代码。 别担心——您不需要从头开始编写任何代码。 但是,如果您准备通过 SFTP 或通过您的托管环境访问您网站的代码,这将有所帮助。

通过 WordPress 仪表板代码编辑器编辑代码并不理想。 如果您手边还没有一个好的文本编辑器,现在是时候安装一个了。

您可以使用以下几个选项来解决此错误并使您的网站恢复对访问者的访问。

方法 1:如果 jQuery 正在加载,则使用网络选项卡进行调试

看着那(这 网络 浏览器开发工具的选项卡以查看是否正在加载 jQuery。 这为您提供了一个快速验证的地方。

另一种方法是查看可能导致错误的多个插件和主题。 检查您网站的代码并确保包含 jQuery。 最好只加载一次。

如果未包含 jQuery 库,请将其添加到您的 wp_enqueue_script() 具有以下代码段的函数:

wp_enqueue_script( 'tt-mobile-menu', get_template_directory_uri() .
'/js/mobile-menu.js', array('jQuery'), '1.0', true );

通过转到找到此代码 wp-包含 文件夹,然后打开 脚本加载器.php 文件。 如果这不起作用,或者如果您发现 jQuery 库实际上已经包含在内,请继续执行以下方法。

代码段可以粘贴到任何 FTP 编辑器中,只要它在 script-loader.php 文件中即可。

您的代码段在 script-loader.php 文件中的外观。

方法 2:确保 jQuery 已加载

当包含但未加载 jQuery 时,您可能会遇到“未定义 jQuery 错误”。 通过查找脚本源并将 URL 粘贴到新浏览器或选项卡中,确保它已加载。

例如,如果 <script src= 设置为:

您的文本片段在代码编辑器中应如下所示。

您应该查找的文本片段以查找要测试的 URL。

然后,复制并粘贴 http://code.jquery.com/jquery-1.11.2.min.js 部分进入新窗口或选项卡。 如果 jQuery 文件加载并向您显示全部内容,您可以将其从列表中删除。

方法 3:在本地回退中包含 Google 托管的 jQuery

这是包含在您的 JavaScript 中的一个很好的选择,因为在本地主机上运行 jQuery 可能会改善您的整体网站体验。 这将有助于避免任何其他 CDN jQuery 加载问题。

// Fall back to a local copy of jQuery
window.jQuery || document.write(''))

使用开头的注释,这就是您的代码片段应该是什么样子。

这就是您的代码片段在代码编辑器中的样子。 不要忘记注释!

方法 4:将代码段添加到 wp-config.php 文件

如果以上都不起作用,请打开 wp-config.php 文件并完整粘贴以下代码段:

/** Absolute path to the WordPress directory. */
if ( !defined('ABSPATH') )
define('ABSPATH', dirname(__FILE__) . '/');
define('CONCATENATE_SCRIPTS', false);

添加到 wp-config.php 文件后,这就是您的代码段的样子。

代码片段在 wp-config.php 文件中的样子。

方法五:手动插入jQuery库

作为最后一种方法,您可以直接进入 头文件 文件并添加 jQuery 库。

就是这样:

  1. 首先,转到 Google Hosted Libraries 并完整复制最新版本的 jQuery 库。
  2. 打开你的 头文件 文件,在您的主题文件夹中找到。
  3. 从第一步添加 jQuery 库。 确保它在 head 标签之后进入。
  4. 完成后保存文件。
确保这是代码片段在 wp-config.php 文件中的样子

代码片段在 wp-config.php 文件中的样子。

好消息 – 您发现了“jQuery 未定义”错误。 🙃 现在是时候解决它了! ⬇️点击推文

概括

你有它! 按照这些步骤操作后,您应该能够解决“未定义 jQuery”错误并访问您的站点。

由于此问题通常是由于浏览器无法连接您的 jQuery 库造成的,因此您可以尝试的解决方案数量有限。 大多数人通过上述任何一种选择都取得了成功。

如果由于某种原因上述步骤均未解决错误,最好联系您的托管公司寻求支持。

你以前遇到过这个错误吗? 你是怎么解决的? 请在评价部分留下您的意见!


通过以下方式节省时间、成本并最大限度地提高站点性能:

  • 来自 WordPress 托管专家的即时帮助,24/7。
  • Cloudflare 企业集成。
  • 全球受众覆盖全球 28 个数据中心。
  • 使用我们内置的应用程序性能监控进行优化。

所有这些以及更多,在一个没有长期合同、协助迁移和 30 天退款保证的计划中。 查看我们的计划或与销售人员交谈以找到适合您的计划。


营销型WordPress外贸多语言独立站建设+谷歌SEO优化+谷歌关键字广告投放,就找WP花园!深圳公司,技术实力雄厚,用效果说话!详情咨询info@wordpresshy.com

海外社媒SNS代运营Tiktok代运营公司
Revive Old Posts