Dynamically load JS & CSS

dynamically_load.js

    var loadCSS = function (href) {
      var cssLink = $("<link rel='stylesheet' type='text/css' href='" + href + "'>");
      $("head").append(cssLink);
    };

    // Could load the JS at the end of the body, depends on the case
    var loadJS = function (src) {
      var jsLink = $("<script type='text/javascript' src='" + src + "'>");
      $("head").append(jsLink);
    };

    
    // Using Underscore to loop through a collection of the files and load each
    _.each(cssFiles, function (cssLink) {
      loadCSS(cssLink);
    });

    _.each(jsFiles, function (cssLink) {
      loadJS(cssLink);
    });