gpt4 book ai didi

javascript - 无法显示 JavaScript 小部件

转载 作者:行者123 更新时间:2023-12-02 23:30:29 25 4
gpt4 key购买 nike

我正在尝试将 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>

最佳答案

为什么你不使用这样的东西呢?没有测试,但我认为它有效。

<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 和附加函数。

关于javascript - 无法显示 JavaScript 小部件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56526417/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com