Rails javascript onchangeは<script>で動作しますが、外部ではありません

Question

私のindex.html.erbファイルでは、私は正常にonChangeを送信するフォームを持っています。しかし、これは私のフォームの後に<script>タグを置くだけで動作します。 welcome.jsの同じjsが実行されていないのはなぜですか？インデックスは/welcomeルートとして読み込まれます。

# app/assets/javascripts/application.js 

//= require jquery 
//= require jquery_ujs 
//= require jquery-ace.min 
//= require jquery.sortable 
//= require chartkick 
//= require hammer 
//= require_tree . 

jsの外部ファイル

# app/assets/javascripts/welcome.js 

$('.chart-radio-icon').change(function(){ 
    $('#mega_form').submit(); 
}); 

ビュー再び

# views/welcome/index.html.erb 
<%= form_tag mega_chart_path, id: 'mega_form', remote: true do %> 
    <%= radio_button_tag :metric_type, :followers_count, true, :class => 'chart-radio-icon'%> 
    <%= label_tag(:followers, 'Followers', :class => 'chart-label chart-label-social') %> 

、JSの作品ではなく、外部から、ビューに<script>タグに入れました。

Answer 1

EDIT：

私たちはあなたのアセットファイルは、開発には含まれていないことを決定しましたので。健全性チェックのためにこれを試してみて、サーバーを再起動します。

Rails.application.config.assets.precompile = %w(application.js application.css) 

のEND EDIT

あなたがrequire_tree .を使用している、とwelcome.jsファイルがapp/assets/javascriptsにあるので、それは内のすべてのページに含まれることになるので、あなたの申請。 See here. 私は、ページロード時にイベントリスナーがDOM要素に割り当てられていないことが問題だと思います。あなたのJSコードをラップしてみてください：

#app/assets/javascripts/welcome.js 

$(document).ready(function(){ 
    .... 
});