将javascript文件放置在何处,以将其与Rails中的特定视图文件夹相关联?
在我的app/views/phrases/_forms.html.erb中,我有一个带有id的按钮,我想用id预览部分显示或隐藏特定部分将javascript文件放置在何处,以将其与Rails中的特定视图文件夹相关联?,javascript,jquery,ruby-on-rails,Javascript,Jquery,Ruby On Rails,在我的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 </sectio
<%= button_tag(type: 'button', class: "btn btn-default", id: 'preview-button') do %>
Preview
<% end %>
<section id="preview-section"> Some Content </section>
app/assets/javascripts/phrases/
,应该是Rails风格的
app/assets/javascripts
下的所有js将在生产中压缩并缩小为application.js
$(function(){
$('#preview-button').click(function () {
alert("Preview button was clicked");
});
})
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)
当我按下按钮时,它不会显示警报。默认情况下,app/assets/javascripts之后没有短语文件夹。我制作了短语文件夹并在其中制作了phrase.js。谢谢richfisher。它现在正在工作。user3506853解释了如何将js文件包含在短语文件夹中。您能显示
application.js
文件吗?
//= require_tree ./phrases (requires all js files in phrases folder)