jquery - 重构jquery附加缩短代码

Question

我有这个脚本

$('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" />');

这是编写此脚本的最佳方式吗？是否有更简单或更快的语法？对不起，如果我在错误的地方问这个问题。我正在尝试折射这个多重附加。请点亮一盏灯，

谢谢！

Answer 1

如果需要，您可以创建一个函数：

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" />');
   });
}