Question

I have this script

$('head').append('<link rel="stylesheet" href="css/file1.css" type="text/css" />');
$('head').append('<link rel="stylesheet" href="css/jquery.jscrollpane.css" type="text/css" />');
$('head').append('<link rel="stylesheet" href="css/image_contents.css" type="text/css" />');

Is this the best way to write this script? Is there a shorter easier or faster syntax? Sorry if i’m in the wrong place to ask this. I’m trying to refractor this multiple appending. Please shine some light,

Thanks!

Answer 1

You can create a function if you want:

function addCSS() {
   var paths = ["css/file1.css", "css/jquery.jscrollpane.css", "css/image_contents.css"];

   $.each(paths, function(i, path) {
     $('head').append('<link rel="stylesheet" href="'+path+'" type="text/css" />');
   });
}