2010-05-21 52 views
7

我正在创建一个新的Drupal主题。drupal主题:如何在我的主题的.info文件中包含多个css文件/ js文件?

到现在为止,我只需要包含一个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的缓存和...他们没有加载。

然后我试着用逗号分隔每个文件,然后再次刷新缓存。同样的结果。

我浏览过一些drupalpages,但找不到如何在一个主题上添加多个javascript/css文件(它们似乎总是只添加一个)。

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

回答

10

每个文件都需要它自己的路线,像这样:

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 
+0

这个伟大的工程。感谢您的快速响应! – kikito 2010-05-21 11:00:44

+0

对于外部js文件它是一样的吗?如http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js – russellmania 2014-02-18 21:09:29

+0

@ruzel根本无法在info文件中指定外部JS/CSS文件。您需要通过钩子来添加它们,通常我使用'THEMENAME_preprocess_page()'来处理需要包含在所有页面上的东西。 – 2014-02-18 21:27:15

相关问题