Lazy Load JS & CSS files example

lazyLoadExample.js

//Lazy load example
//Load CSS and JS files only if the pre tag elements are present within the article tag
$('article pre').length && (function() {
    var mediaPath = '/assets/';
    
    $('<link>').attr({
        type: 'text/css',
        rel: 'stylesheet',
        href: mediaPath + 'css/syntax.css'
    }).appendTo(document.head);
    
    var syntaxScript = document.createElement('script');
    syntaxScript.async = 'true';
    syntaxScript.src = mediaPath + 'js/syntax.js';
    doc.body.appendChild(syntaxScript);
})();
    
//Referenced from http://davidwalsh.name/lazy-load-elements