Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/411.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
将javascript文件放置在何处,以将其与Rails中的特定视图文件夹相关联?_Javascript_Jquery_Ruby On Rails - Fatal编程技术网

将javascript文件放置在何处,以将其与Rails中的特定视图文件夹相关联?

将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

在我的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>

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)