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 来获取我上传到Pastebin (http://pastebin.com/GVFcMJ4P) 的这个JS 文件并调用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();

我做错了什么？任何帮助都会很棒，谢谢！

附：哪种方法更快或更有效？

注意：我的代码没有托管在 pastebin 上，我只是将我服务器上的 .js 文件的内容上传到该站点，以便于共享。我不是在使用 pastebin 来托管 ;)

Answer 1

jQuery 的$jQ.getScript() 是一个异步调用。因此，如果您在 getScript() 之后立即调用 tweetStream()，它将在脚本到达之前运行。

您可以改为从（或作为）回调调用tweetStream()。

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

如果您不关心this 在tweetStream() 中的值，则可以这样做。

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