小编典典

使用 Rails 3.1,您将“特定于页面”的 JavaScript 代码放在哪里?

all

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

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

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

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

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

谢谢

编辑
:我很欣赏所有的答案......而且我认为他们并没有真正解决问题。其中一些是关于样式的,似乎没有关联......而其他人只是提到javascript_include_tag......我知道存在(显然......)但看起来
Rails 3.1 的前进方式是总结所有您的 JavaScript 到 1 个文件中,而不是在每个页面的底部加载单独的 JavaScript。

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

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

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


阅读 90

收藏
2022-03-24

共1个答案

小编典典

我很欣赏所有的答案......而且我认为他们并没有真正解决问题。其中一些是关于样式的,似乎没有关联......而其他人只是提到javascript_include_tag......我知道存在(显然......)但看起来
Rails 3.1 的前进方式是总结所有您的 Javascript 到 1 个文件中,而不是在每个页面的底部加载单独的 Javascript。

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

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

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

2022-03-24