如何仅为特定页面添加jquery？

Question

我想知道在哪里需要为特定的控制器操作编写jQuery代码。例如，我有两个控制器宠物和零食。只有Treats控制器的Index页面需要有警报。目前我已将jquery代码放在application.js中，并且我的所有页面都在提取警报。

Answer 1

如果您不希望默认包含某些脚本（在您自己的情况下，为Treats的索引页脚本），请执行以下操作：

• 在您的javascript资源文件夹中创建一个新文件：app/assets/javascript/treats.js

• 将您的脚本代码放在此处

• 转到application.js文件，然后移除//= require_tree .行。 请注意，这将阻止加载任何/所有其他js文件，因此您必须单独要求所有其他所需的脚本。

• 进入您希望调用此脚本的视图页面（在您的情况下，为Treats index.html.erb）并使用脚本标记来调用此特定文件（更准确地说，内部的特定功能）文件）。

通过这样做，脚本将无法在您的整个应用程序中使用，但只能在您需要的位置使用，这是您调用它的位置。