将引导主题安装到Rails 4应用程序中 - 使用javascript文件发出问题

时间:2014-05-22 02:58:15

标签: javascript jquery html css ruby-on-rails

我从WrapBootstrap.com下载了一个主题,并尝试将其实现为新的rails 4.1应用程序。

我被赋予了四个目录--css,fonts,img和js。我还获得了index.html文件。

我将index.html文件复制到我的应用中并路由到它。然后我获取了给我的每个目录的内容并将其放在适当的资产目录中:

css转到stylesheetsimg转到imagesjs转到javascripts。我不知道如何处理fonts目录。

然后,我的index.html.erb文件中有很多这样的要求:

这些都存在于javascript和css中。我把所有这些都取出来并用这些代码替换它:

<%= stylesheet_link_tag 'application', media: 'all' %>
<%= javascript_include_tag 'application' %>

我在每个application.css和application.js文件中都有这个:

//= require_tree .
//= require_self

*= require_tree .
*= require_self

现在,CSS似乎正确呈现。但是,JS文件根本没有加载。我完全可以将它们从应用程序中删除,并得到相同的结果。

我在这里缺少什么? js文件位于资源目​​录中,application.js中需要这些文件,我在application.js文件中包含index.html.erb

有什么想法吗?

1 个答案:

答案 0 :(得分:0)

由于您的外部资产将在您的应用中使用,因此Rails约定是将它们放在vendor/assets路径中。您可以将相应的文件复制到其目录中。 fonts应位于stylesheets文件夹中。

然后在你的application.js中添加这一行(每个文件对应一行):

//= require name-of-js-file-without-extention

在你的application.css中添加:

*= require name-of-css-file-without-extention

此时你的css和js应该正常工作:)