在window.onload之后添加脚本src

Question

我正在尝试在正文加载后添加此社交窗口小部件。

我首先尝试过：

var stumble = '<script src="' + 'http://www.stumbleupon.com/hostedbadge.php?s=1' + '">       <\/script>';
$('#social-widget').append(stumble);

但这显然不起作用，所以我尝试了：

var stumble = document.createElement('script');
stumble.src = 'http://www.stumbleupon.com/hostedbadge.php?s=1';
$('#social-widget').append(stumble);

哪个也行不通。关于我在这里缺少什么的想法？

Answer 1

使用jQuery getScript方法，例如：

$.getScript('http://www.stumbleupon.com/hostedbadge.php?s=1');

Answer 2

你应该尝试跨浏览器，因为你试图异步加载脚本，我强烈推荐Require.js。
您可以单独使用，也可以与jQuery或Dojo等库一起使用。

Answer 3

stumbleupon.com/hostedbadge.php?s=1 脚本仅呈现按钮所在的位置，并且在文档加载后无法正常工作。

改为使用这个脚本：

1 /将此标记放在您希望按钮出现的位置

$('#social-widget').append('<su:badge layout="5"></su:badge>');

2 /加载并执行脚本：

jQuery.getScript('//platform.stumbleupon.com/1/widgets.js');