Document.createElement(“脚本”)与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();

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

哪种方法更快或更有效？

注意:我的代码不是托管在pastebin上的，我只是将服务器上的.js文件的内容上传到了该站点，这样就很容易共享了。我不是为了托管而抽吸巴斯泰宾;)

Answer 1

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

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

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

或者，如果您不关心this在tweetStream()中的价值，就会出现这种情况。

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