画布元素在 WordPress 中不起作用
Posted
技术标签:
【中文标题】画布元素在 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 以验证它是否也适合您,我将不胜感激。
谢谢。
【讨论】:
以上是关于画布元素在 WordPress 中不起作用的主要内容,如果未能解决你的问题,请参考以下文章