javascript - 在哪里放置 javascript 文件以将其与 Rails 中的特定 View 文件夹相关联？

Question

在我的 app/views/phrases/_forms.html.erb 中，我有一个带有 id 的按钮，我想显示或隐藏带有 id 预览部分的特定部分。

<%= button_tag(type: 'button', class: "btn btn-default", id: 'preview-button') do %>
    Preview
<% end %>

<section id="preview-section"> Some Content </section>

我不确定将 jquery 放在 Rails 应用程序中的哪个位置。

$('#preview-button').click(function () {
    alert("Preview button was clicked");
});

Answer 1

1) 您也可以在自定义 js 文件中添加此代码:-

# app/assets/javascripts/custom.js
$(document).on('click', '#preview-button', function(){
    alert("Preview button was clicked");
});

在 application.js 文件中包含 custom.js:-

//= require custom.js
or
//= require_tree .(It will includes all js files in javascripts folder)

2)您可以在 javascripts 文件夹中创建一个包含名称短语的文件夹，并在/app/assets/javascripts/phrases 中创建 js 文件，然后在应用程序中需要此文件夹，例如:-

//= require_tree ./phrases (requires all js files in phrases folder)