将 GoDaddy 托管 Wordpress 与 Elementor 一起使用时，HTML 小部件无法正确呈现
Posted
技术标签:
【中文标题】将 GoDaddy 托管 Wordpress 与 Elementor 一起使用时，HTML 小部件无法正确呈现【英文标题】：HTML Widgets not rendering correctly when using GoDaddy Managed Wordpress with Elementor 【发布时间】：2021-10-02 19:34:46 【问题描述】：尝试更新我们公司的网站并添加自定义菜单/专辑。它由 GoDaddy 作为托管 Wordpress 站点托管，使用 Elementor 进行设计。我尝试使用提供的 html 小部件，发现它们没有按预期工作。但是，当我在常规 html 文档中在外部/本地使用它时，该代码可以工作。我已经尝试使用这两个小部件中的任何一个，并且还更新了所有插件/Elementor 本身。
注意：我确实有一个之前的图像，似乎 wordpress 不会使用外部引用的 js 文件，所以我将它们本地复制到我们的文件结构中并从那里引用它们。如果其中任何一个看起来非常愚蠢，我深表歉意，我不是一个非常有经验的编码器/设计师，并且或多或少只是将这个项目作为最短的稻草抽屉移交。
The widgets I am using:
What it's supposed to look like:
代码如下：
<html>
<head>
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1">
<script type="text/javascript" src="https://www.grafico.com/wp-content/plugins/GavinsWidget3/GavinsWidget3_Src/jquery.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/nanogallery2@3/dist/css/nanogallery2.min.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="https://www.grafico.com/wp-content/plugins/GavinsWidget3/GavinsWidget3_Src/jquery.nanogallery2.min.js"></script>
</head>
<body>
<!--MODIFY THE ALBUM GALLERY PREFERENCES HERE-->
<div ID="ngy4p" data-nanogallery2='
"flickrAPIKey": "55bf5b423a3609849b017425cf1e3d88",
"userID": "193200798@N04",
"kind": "flickr",
"thumbnailHeight": 200,
"thumbnailWidth": 300,
"allowList": "E+T",
"thumbnailLabel":
"position": "overImageOnBottom",
"align": "left"
,
"thumbnailAlignment": "center",
"thumbnailOpenImage": true
'>
</div>
</body>
</html>
【问题讨论】：
【参考方案1】：您从未在您的 cmets 中真正提及您想要实现的目标以及代码有什么问题。请提供一些细节，因为我完全被你的帖子弄糊涂了。
【讨论】：
【参考方案2】：所以我不完全确定它是什么，但如果我不得不猜测的话，我会说我们网站中涉及的某些特定元素存在滞后，因为 html 小部件现在可以正确呈现......真的很奇怪。然而，其他变化似乎几乎是瞬间发生的，所以我不完全确定为什么会这样。
【讨论】：
以上是关于将 GoDaddy 托管 Wordpress 与 Elementor 一起使用时，HTML 小部件无法正确呈现的主要内容，如果未能解决你的问题，请参考以下文章
DomPDF 在 localhost 中的行为与 GoDaddy 托管不同
将 WordPress 从 WAMP 上传到 GoDaddy 时出现数据库错误（无法在本地访问站点）