Rails javascript onchange fonctionne avec <script> mais pas extérieurement

Question

Dans mon fichier index.html.erb, j'ai un formulaire qui envoie avec succès onChange. Toutefois, cela ne fonctionne que si j'utilise les balises <script> placées après mon formulaire. Pourquoi le même js dans welcome.js ne fonctionne pas? L'index se charge comme un itinéraire /welcome.

# app/assets/javascripts/application.js 

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

fichier js externes

# app/assets/javascripts/welcome.js 

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

vue

# 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') %> 

Encore une fois, les travaux js lorsqu'ils sont placés dans <script> balises dans la vue, mais pas à l'extérieur.

Answer 1

EDIT:

Depuis que nous avons déterminé que vos fichiers d'actifs ne sont pas inclus dans le développement. Pour un contrôle de santé mentale essayer et redémarrez votre serveur:

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

FIN EDIT

Puisque vous utilisez un require_tree ., et depuis le fichier welcome.js est en app/assets/javascripts, il sera inclus dans toutes les pages ton application. See here. Je pense que le problème est que lors du chargement de la page, l'écouteur d'événement n'est pas affecté à l'élément DOM. Essayez d'envelopper votre code JS dans:

#app/assets/javascripts/welcome.js 

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