画布元素在 WordPress 中不起作用

Posted 2023-03-25

【中文标题】画布元素在 WordPress 中不起作用

【英文标题】：Canvas Element Does Not Work in Wordpress

【发布时间】：2021-07-19 23:49:53

【问题描述】：

我有一个问题是将动画代码及其脚本转移到新的开发站点。

这是未使用 Wordpress 的工作副本：Working Canvas

您可以查看正在使用的脚本的源代码。

所以我将相同的代码应用于 Wordpress 新闻，但它根本不显示。这是链接：Non-Functioning Canvas

同样，如果您查看该源代码，您会发现从第 311 行开始的相同脚本。

我不确定我做错了什么。脚本放置？与其他脚本冲突？

任何帮助将不胜感激。 谢谢。

【问题讨论】：

打开开发工具。你有一个错误。看起来您用来加载 jQuery 的 URL 正在返回 404

我相信我现在已经更正了。它现在按预期显示，但仅在您登录 Wordpress 时才会显示。一旦我注销，它就会停止工作。你认为这是为什么？

更新：我得到的错误来自 home-animiation.js 脚本。但我不明白出了什么问题： $(document).ready(function() init('shield', '529F8C0DE727C242B84D64320109BCF9'); init('main', '3D59302609746446B9EC6A7092DF1D76'); init('solutions', '9466FAB189928EFDFCEDEDED》 ); init('平台', 'B3B3310CEC92D649A28EDFA8C6BB3A1E'); );

【参考方案1】：

在对 jquery 文件进行各种更改后，我始终无法让它工作。当有人指出 html 和脚本丢失或无法在源代码中找到时，我重新访问了该区域以确保是这种情况，但我永远无法弄清楚它丢失的原因。在登录和注销之间进行比较之后，画布代码出现并在我登录时工作。但是，当未登录时，画布代码和相关脚本都没有出现在源代码中。我说，“为什么不呢？”

从我的头上拔出几缕头发后，我终于发现它是 Elementor 页面构建器的小部件之一。最初，我使用“自定义 HTML”小部件来显示这些画布和脚本。因此，我查看是否有另一个类似的小部件可以使用，果然有一个叫做“HTML”的小部件。一旦我将所有代码移到那个小部件上，我的动画画布代码就开始工作了。是啊！！！

如果有人在这里查看this link 以验证它是否也适合您，我将不胜感激。

谢谢。