차이점 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(); 

내가 뭘 잘못하고 있니? 어떤 도움도 굉장 할 것입니다, 감사합니다!

P. 어떤 방법이 더 빠르고 효율적입니까?

참고 : 내 코드는 pastebin에서 호스팅되지 않습니다. 내 서버에있는 .js 파일의 내용을 해당 사이트에 업로드하여 공유하기 쉽습니다. 나는 호스팅을 위해 붙여 넣기를 기다리지 않습니다.)

Answer 1

jQuery의 $jQ.getScript()은 비동기 호출입니다. 따라서 getScript() 바로 뒤에 tweetStream()을 호출하면 스크립트가 도착하기 전에 실행됩니다.

대신 tweetStream()을 콜백 (또는 콜백)으로 부를 수 있습니다.

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

하거나 당신이 tweetStream()에서 this의 가치에 대해 걱정하지 않는 경우

.

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