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