drupal 主题：如何在主题的 .info 文件中包含多个 css 文件/js 文件？答案

【问题标题】：drupal themes: how do I include several css files / js files on my theme's .info file?drupal 主题：如何在主题的 .info 文件中包含多个 css 文件/js 文件？
【发布时间】：2010-05-21 10:44:23
【问题描述】：

我正在创建一个新的 Drupal 主题。

到目前为止，我只需要包含一个 css 文件和一个 js 文件。所以我的 theme.info 文件是这样的：

stylesheets[all][] = css/style.css
scripts[] = js/script.js

现在我必须包含 jquery 和 jquery-ui 才能使用日历日期。这些带有 2 个新的 javascript 文件和 1 个我必须添加到站点的附加 css 文件。

日历输入表单将用于所有页面（在侧块上），因此我可以在所有页面上加载额外的 css/javascript。我认为最简单的方法是在 .info 文件本身上引用它们。

一开始我试着用单独的空格把它们放在那里：

stylesheets[all][] = css/style.css css/ui-lightness/jquery-ui-1.8.1.custom.css
scripts[] = js/script.js js/jquery-1.4.2.min.js js/jquery-ui-1.8.1.custom.min.js

我清空了 drupal 的缓存，但……没有一个加载。

然后我尝试用逗号分隔每个文件，并再次刷新缓存。结果一样。

我浏览了一些 drupal pages，但找不到如何在一个主题上添加多个 javascript/css 文件（它们似乎总是只添加一个）。

那么，如何在 .info 文件中包含多个 css/javascript 文件？

【问题讨论】：

标签： javascript css drupal themes

【解决方案1】：

每个文件都需要它自己的行，如下所示：

stylesheets[all][] = css/style.css 
stylesheets[all][] = css/ui-lightness/jquery-ui-1.8.1.custom.css
scripts[] = js/jquery-1.4.2.min.js 
scripts[] = js/reservations.js
scripts[] = js/jquery-ui-1.8.1.custom.min.js

【讨论】：

外部js文件是否一样？如ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js
@ruzel 外部 JS/CSS 文件根本无法在 info 文件中指定。您需要通过钩子添加它们，通常我使用THEMENAME_preprocess_page() 来处理需要包含在所有页面上的内容。