javascript - 使用 Rails 3.1,您将 "page specific"JavaScript 代码放在哪里?

标签 javascript ruby-on-rails ruby-on-rails-3.1 asset-pipeline sprockets

据我了解,您所有的 JavaScript 都会合并到一个文件中。默认情况下,Rails 在将 //= require_tree . 添加到 application.js list 文件的底部时会执行此操作。

这听起来像是真正的救命稻草,但我有点担心特定于页面的 JavaScript 代码。这段代码会在每一页上执行吗?我想要的最后一件事是为每个页面实例化我的所有对象,而这些对象只需要在一页上。

另外,代码是否也有可能发生冲突?

或者你是否在页面底部放置一个小的 script 标签,它只是调用一个执行页面 javascript 代码的方法?

那么你不再需要 require.js 了吗?

谢谢

编辑:我感谢所有的答案......而且我认为他们并没有真正解决问题。其中一些是关于样式的,似乎并不相关......而另一些只是提到 javascript_include_tag...... 我知道存在(显然......)但看起来 Rails 3.1 方式下一步是将所有 JavaScript 打包到 1 个文件中,而不是在每个页面的底部加载单独的 JavaScript。

我能想到的最佳解决方案是用 ids 或 classes 将某些功能包装在 div 标签中。在 JavaScript 代码中,您只需检查页面上是否存在 idclass,如果是,则运行与其关联的 JavaScript 代码。这样,如果动态元素不在页面上,则 JavaScript 代码不会运行 - 即使它已包含在 Sprockets 打包的大量 application.js 文件中。

我的上述解决方案的好处是,如果搜索框包含在 100 个页面中的 8 个中,它将仅在这 8 个页面上运行。您也不必在网站的 8 个页面上包含相同的代码。事实上,您再也不必在任何地方的网站上添加手动脚本标签了。

我认为这是我问题的实际答案。

最佳答案

Asset Pipeline 文档建议如何执行特定于 Controller 的 JS:

For example, if a ProjectsController is generated, there will be a new file at app/assets/javascripts/projects.js.coffee and another at app/assets/stylesheets/projects.css.scss. You should put any JavaScript or CSS unique to a controller inside their respective asset files, as these files can then be loaded just for these controllers with lines such as <%= javascript_include_tag params[:controller] %> or <%= stylesheet_link_tag params[:controller] %>.

Link to: asset_pipeline

关于javascript - 使用 Rails 3.1,您将 "page specific"JavaScript 代码放在哪里?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6167805/

相关文章:

mysql - 如何使用默认数据库进行用户登录,但在登录后使用另一个带有rails的数据库

jquery - IE8 忽略 Rails 3.1 的 ajax 响应

ruby-on-rails-3.1 - Rails 中的 after_destroy 回调顺序

javascript - jQuery 切片负索引不起作用

javascript - 如何将 Prototype JS 中的 $ ('id1' , 'id2' ) 转换为 jQuery?

javascript - 在这种情况下有没有更好的方法来使用过滤器数组?

css - 如何在 Rails gem 中打开文本文件并将其输出插入到 View 中?

ruby-on-rails - 使用 sidekiq 处理两个单独的 redis 实例?

html - 清理 HTML 并关闭不完整的标签

javascript - 火狐扩展 : write cookie names for the current web-page in a local . txt 文件