Разница между document.createElement ('script') против jQuery .getScript

Question

У меня была проблема .getScript работать в некоторых странных случаях.

Например, это работает для загрузки сценариев только при необходимости.

function twitterSDK() {
    $jQ.getScript('http://platform.twitter.com/widgets.js');
}

function diggShare() {
    $jQ.getScript('http://widgets.digg.com/buttons.js');
}

function buzzShare() {
    $jQ.getScript('http://www.google.com/buzz/api/button.js');
}

Однако, похоже, это не работает на нескольких сценариях, которые я написал. Если я позвоню .getScript Чтобы получить этот файл JS, который я загрузил в Pastebin ( http://pastebin.com/gvfcmj4p и позвонить tweetStream(); Ничего не произошло. Однако, если я сделаю следующее, это работает:

var twitter = document.createElement('script');
twitter.type = 'text/javascript';
twitter.async = true;
twitter.src = '/path-to/tweet.js';
$jQ('.twitter-section').append(twitter);
tweetStream();

Что я делаю не так? Любая помощь была бы потрясающей, спасибо!

PS Какой метод быстрее или более эффективен?

Примечание. Мой код не размещен на Pastebin, я только что загрузил содержимое файла .js, которое находится на моем сервере на этот сайт, поэтому его легко поделиться. Я не пияница пасте для хостинга;)

Answer 1

jQuery's $jQ.getScript() это асинхронный вызов. Так что, если вы звонили tweetStream() сразу после getScript(), он будет работать до прибытия сценария.

Вы можете позвонить tweetStream() Вместо этого из (или как) обратный вызов.

$jQ.getScript('/path-to/tweet.js', function() {
    tweetStream();
});

или это, если вы не заботитесь о ценности this в tweetStream().

$jQ.getScript('/path-to/tweet.js', tweetStream);