Question

I’m trying to load in the jQuery template plugin using jQuery.getScript, but even though it does the request and the file comes in correctly (replaced the url with a test JS and the javascript does get evaluated correctly), jQuery.tmpl is still undefined but if I run jQuery.tmpl in Chrome’s console, it is a function.

Example code:

<script type="text/javascript">    
jQuery.getScript('http://ajax.microsoft.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js');
console.log(jQuery.tmpl); // returns undefined.
</script>

Any idea what the issue might be?

Answer 1

You should wait until the script will be loaded.

jQuery.getScript('http://ajax.microsoft.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js',
    function(){
        console.log(jQuery.tmpl);
    }
);