Question

我正在尝试将JustGiving小部件添加到我的网站，但它根本不显示。我在文件中还有其他脚本，我认为这可能会造成干扰，因此我最终在一个新的纯HTML文件中进行了测试，但仍然无法正常工作。

有趣的是，如果我将其复制/粘贴到W3学校代码编辑器中，它将起作用！这是完全相同的代码，我无法弄清楚为什么它无法在html文件中加载。

    <!DOCTYPE html>
    <html>

    <head>
    </head>

    <body>
      <div id="jg-charity-events-board" data-config="id=45107">123</div>
      <script>
        (function(d) {
          var jg = d.createElement('script');
          jg.type = 'text/javascript';
          jg.async = true;
          jg.src = (d.location.protocol == 'https:' ? 'https://widgets.justgiving.com/charity-events-board/host.js' : 'http://widgets.justgiving.com/charity-events-board/host.js');
          var s = document.getElementsByTagName('script')[0];
          s.parentNode.insertBefore(jg, s);
        })(document);
      </script>
    </body>

    </html>

Answer 1

为什么您不使用这样的东西？没有测试，但我认为它可以工作。

<div id="scripts"></div>
<script>
    var url = document.location.protocol + '//widgets.justgiving.com/charity-events-board/host.js';
    var script = '<script type="text/javascript" src="${url}"></script>';
    document.getElementById("scripts").innerHTML = script;
</script>

jQuery对此具有html和append函数。

无法显示JavaScript小部件

1 个答案: