2014-11-22 44 views
0

我试图做一个Rails的网站包括多个静态页面。 每一页都有一个独立的CSS和JavaScript,我不想通过的application.js或application.css加载,因为我不希望把它提供给网站的其余部分。Rails的页面特定CSS和JavaScript

要组织js和css,我试图把每一页特定资产根据自己的文件夹中的js和css文件夹。

有点像这个

- assets 
    - javascripts 
     -first 
     - first.js 
     - firststyle.js 
     -second 
     - second.js 
     - secondstyle.js 
     -third 
     - third.js 
     - thirdstyle.js 

会是怎样在轨来调用这些文件的最好方法。

我试过在应用程序中使用,然后在静态页面的底部包含js,但由于它在根javascripts文件夹中查找js文件,而不是其子文件夹,因此出现错误。

+0

看看https://github.com/gemgento/rails_script。此gem是一种可以使用特定于页面的coffeescript而不在每个页面视图中包含所有内容的方式。有几种不同的方法来完成页面特定的JS。 – kobaltz 2014-11-22 04:51:31

回答

0

附上每个页面与< div class="<%= params[:action]%>">< div id="<%= params[:action]%>"> HTML内容。 因此在个别网页上的所有元素会从类和id的下降就像第一第二等在各自的CSS和特定页面的JS文件使用此功能。因此first.css.scss将有。首先{...}作为最外层的巢。 这假定您使用的动作static_pages_controller第一