JQuery가로드되면 어떻게 콜백을 수행합니까?

Question

내가 비동기 JQuery와 다운로드 해요 :

등으로

function addScript(url) { 
    var script = document.createElement('script'); 
    script.src = url; 
    document.getElementsByTagName('head')[0].appendChild(script); 
} 
addScript('jquery.js'); 

// non-jquery code ... 

// jquery specific code like: $()... 

- 어떻게 할 때부터 내 자바 스크립트 비동기 다운로드 거니까 내가 (JQuery와 한 번 내 JQuery와 특정 코드가로드 전화 - 그것은 선한 차단 아니에요, JQuery가로드되기 전에 내 JQuery 특정 코드를 실행하려고 시도하고있다).

Answer 1

나는 표준 자바 스크립트에 많은 아니지만,이 같은 일을 시도 할 수 있습니다 :

var script_object = new addScript('jquery.js'); 

script_object.onLoad('addScript("my_jquery_related.js")'); 

가 인정 하듯이, 그 어둠 속에서 메가 샷입니다. 그래도 문제가 해결되지 않으면

, 어쩌면 당신의 JS 로더에 콜백 변수로 함수를 통과 : 당신의 사본을 호스팅 할 수 있습니다

Answer 2

: \

addScript(url, function(){ function_to_call();}) 

function addScript(url, call_back_function) { 
    var script = document.createElement('script'); 
    script.src = url; 
    document.getElementsByTagName('head')[0].appendChild(script); 

    call_back_function.call; 
} 
addScript('jquery.js'); 

내가 가진 전부 그 jquery 파일을 직접 작성하십시오. 그럼 당신은 jquery.js의 맨 아래에있는 콜백 함수에 대한 호출을 추가 할 수 있습니다

/* jquery code goes here ... */ 

my_onload_callback(); 

Answer 3

당신은 당신의 페이지 (잠재적으로 모든 페이지)에 LabJs를 인라인 할 수 있습니다. 단점은 스크립트를 반복해서 인라인하는 것입니다. 4K는 축소 된 - - 위쪽에서 LabJs는 아주 작은이고 그것을 당신 같은 매우 간단한 코드 복잡한 비동기 부하 패턴을 크로스 브라우저를 처리 할 수 ​​있습니다 : (파이어 폭스 33.0.3에서 테스트)이 작동 나를 위해

<script> 
// Minified LabJs goes here 
</script> 
<script> 
function init() { 
    // Your code after jquery loads goes here 
} 

$LAB 
.script('//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js') 
.wait(init); 
</script> 
</body> 

Answer 4

:

if(typeof(jQuery) == "undefined"){ 

     //create onload-callback function 
     window["__9384nalksdfalkj04320"] = function(){ 
      console.log("jQuery=" + jQuery); 
     }; 

     //load jQuery asynchronously 
     var script = document.createElement("script"); 
     script.setAttribute("type", "text/javascript"); 
     script.setAttribute("onload", "__9384nalksdfalkj04320();"); //register onload-callback listener function 
     script.setAttribute("src", "http://code.jquery.com/jquery-latest.min.js"); 
     document.head.appendChild(script); 
    }