紅寶石軌道呈現部分不執行JavaScript從主窗體視圖

Question

我想從主視圖窗體，從呈現的部分執行JavaScript時，我點擊了呈現的部分中的複選框，但JavaScript沒有執行。只有在主視圖中複製部分內容時纔會執行。我搜索了該網站，但我無法得到答案。這是我有，例如：

應用程序/視圖/人/ _main_form.html.erb

<script> 
    view something in partal 
    $('people_visible_by_default').click(function(){ 
    alert("Can you see me"); 
    }); 
</script> 

<%= bootstrap_nested_form_for @people, html: { class: 'form-horizontal', id: 'people_edit_form' } do |f| %> 
    <%= render partial: 'form_partial', locals: { f: f } %> 
<% end %> 

的複選框，在應用程序/視圖/人/ _form_partial.html.erb

執行

<%= f.check_box :visible_by_default, data: { preview_type: 'none' } %> 

clicking on the visible_by_default checkbox doesn't show the alert as I expected. How do I get it to execute when it is in the main_form.html.erb 

Answer 1

我想你使用複選框的id（「people_visible_by_default」）作爲jQuery中的選擇器。但是你忘了在它之前附加「＃」。

所以，儘量用

$('#people_visible_by_default').click(function(){ 
    //your code 
}); 

OR

$('#your_form_ID').on('click', '#people_visible_by_default', function(){ 
    //your code 
});