Добавление скрипта src после window.onload

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

сценарий 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');

Answer 3

Вы должны действительно попробовать что-то кросс-браузерное, и, поскольку вы пытаетесь загрузить скрипт асинхронно, я настоятельно рекомендую Require.js .Вы можете использовать это автономно или рядом с такими библиотеками, как jQuery или Dojo.