将 GoDaddy Managed Wordpress 与 Elementor 结合使用时，HTML 小部件无法正确呈现

编程问答 2022-09-06

问题描述

尝试更新我们公司的网站并添加自定义菜单/相册。它是 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>

解决方法

所以我不完全确定它是什么，但如果我不得不猜测，我会说我们网站中涉及的某些特定元素存在滞后，因为 html 小部件现在可以正确呈现......真的很奇怪。然而，其他变化似乎几乎是瞬间发生的，所以我不完全确定为什么会这样。

,

您实际上从未在评论中提及您要实现的目标以及代码有什么问题。请提供一些细节，因为我完全被你的帖子搞糊涂了。

elementorgodaddy-apihtmljavascriptwordpresswordpress