使用Rails 3.1，你把你的“页面特定的”JavaScript代码放在哪里?

根据我的理解，所有的JavaScript都合并到一个文件中。Rails在添加//= require_tree时默认这样做。到你的application.js manifest文件的底部。

这听起来像是一个真正的救星，但我有点担心特定于页面的JavaScript代码。这段代码是否在每一页上执行?我想要的最后一件事是当我的所有对象只在1页上需要时，为每一页实例化它们。

此外，代码是否也有可能发生冲突?

还是在页面底部放置一个小的脚本标记，只调用一个执行页面javascript代码的方法?

你不再需要require.js了吗?

谢谢

编辑:我很感激所有的答案…我认为他们并没有真正解决问题。其中一些是关于样式的，似乎没有关联……其他人只是提到javascript_include_tag…我知道这是存在的(很明显…)，但Rails 3.1的前进方式似乎是将所有JavaScript打包到一个文件中，而不是在每个页面的底部加载单个JavaScript。

我能想到的最好的解决方案是用id或类将某些特性包装在div标签中。在JavaScript代码中，只需检查id或类是否在页面上，如果在，则运行与之关联的JavaScript代码。这样，如果动态元素不在页面上，JavaScript代码就不会运行——即使它包含在由Sprockets打包的庞大application.js文件中。

我上面的解决方案的好处是，如果一个搜索框包含在100个页面中的8个页面上，那么它将只在这8个页面上运行。你也不需要在网站的8个页面上包含相同的代码。事实上，您再也不需要在站点的任何地方包含手动脚本标记。

我想这就是我问题的真正答案。

当前回答

资产管道文档建议如何做特定于控制器的JS:

例如，如果生成了一个ProjectsController，则会在app/assets/javascripts/projects.js中生成一个新文件。Coffee和另一个在app/assets/stylesheets/projects.css.scss。你应该在它们各自的资产文件中放入一个控制器唯一的JavaScript或CSS，因为这些文件可以仅为这些控制器加载诸如<%= javascript_include_tag params[:controller] %>或<%= stylesheet_link_tag params[:controller] %>这样的行。

链接到:asset_pipeline

2011-08-11 21:25:54

其他回答

我以前使用的方法是:http://theflyingdeveloper.com/controller-specific-assets-with-rails-4/。超级简单，依赖于控制器选择适当的js来加载。

2015-01-30 23:55:57

LoadJS gem是另一个选项:

LoadJS提供了一种在Rails应用程序中加载特定页面Javascript代码的方法，而不会失去由Sprockets提供的魔力。你所有的Javascript代码都将被压缩到一个Javascript文件中，但它的某些部分只会在某些页面上执行。 https://github.com/guidomb/loadjs

2013-05-02 10:38:23

资产管道文档建议如何做特定于控制器的JS:

链接到:asset_pipeline

2011-08-11 21:25:54

我把一些答案组合成:

应用助手:

module ApplicationHelper
  def js_page_specific_include
    page_specific_js = params[:controller] + '_' + params[:action]
    if Rails.application.assets.find_asset(page_specific_js).nil?
      javascript_include_tag 'application', 'data-turbolinks-track' => true
    else
      javascript_include_tag 'application', page_specific_js, 'data-turbolinks-track' => true
    end
  end
end

布局/ application.html.haml:

 <!DOCTYPE html>
%html{lang: 'uk'}
  %head   
    = stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track' => true
   bla-bla-bla
    = js_page_specific_include   
   bla-bla-bla

2015-02-23 20:51:46

另一种选择:要创建特定于页面或模型的文件，您可以在assets/javascripts/文件夹中创建目录。

assets/javascripts/global/
assets/javascripts/cupcakes
assets/javascripts/something_else_specific

你的主application.js清单文件可以配置为从global/加载它的文件。特定的页面或页面组可以有它们自己的清单，这些清单从它们自己的特定目录加载文件。Sprockets会自动将application.js加载的文件与特定于页面的文件结合起来，这使得这个解决方案可以工作。

这种技术也可以用于style_sheets/。

2011-06-18 14:39:59

使用Rails 3.1，你把你的“页面特定的”JavaScript代码放在哪里?

推荐文章

最新文章

标签