Foundation Orbit Slider无法在生产中使用

Question

我正在尝试在Rails 4应用程序中使用Foundation 5 Orbit滑块，它在开发环境中完美运行，但在Heroku上的生产环境中却无法正常运行。 当我使用Chrome的开发人员工具查看发生了什么时，它说找不到Foundation.js。 在页面本身上，第一个图像显示，但是导航控件和下一个图像不显示。

我通过“ foundation-rails” gem（5.0.2）使用Foundation。 我尝试过手动将foundation.js文件放到vendor / assets / javascripts文件夹以及app / assets / javascripts文件夹中，但是都没有用。

我的applications.js文件如下所示：

//= require jquery
//= require jquery_ujs
//= require turbolinks
//= require_tree .
//= require foundation
$(function(){ $(document).foundation(); });

并且我的application.html头中包含以下内容：

<%= javascript_include_tag "application" %>
<%= javascript_include_tag "vendor/modernizr" %>
<%= javascript_include_tag "//code.jquery.com/jquery-1.10.2.min.js" %>

在体内：

<%= javascript_include_tag "foundation" %>

我已经尝试了多种方法，例如从头删除了应用程序js引用并将其放入正文中，从application.js和application.html的正文中删除了基础JS引用，但似乎没有任何效果。

Answer 1

您如何预编译资产？ 根据Heroku的Rails Asset Pipeline文档，您要么需要在本地运行

$ bundle exec rake assets:precompile

然后推送到heroku，或者（这是我自己推荐和使用的），通过运行以下命令启用Heroku Labs：user-env-compile ：

$ heroku labs:enable user-env-compile -a myapp

这将告诉Heroku每次您推送到Heroku时都要为您预编译资产（这会减少您签入的代码）。

此外，如果通过application.js包含javascript_include_tags和jQuery，则不需要Foundation。

Answer 2

除轨道外，其他一切都为基础工作吗？ 如果不是，请尝试从html头中删除modernizr脚本，将modernizr文件移至config / vendor / javascript，在application.js文件中的tree之前的require列表中添加modernizr，进行预编译，然后再次推送至heroku。 为我工作