使用Jquery追加部分點擊

Question

我想要一個按鈕，它將在每次單擊時呈現一個新的嵌套表單。 為此，我使用了JQuery並使用了Rails 3.2

在另一個線程上，有人說要使用ajax調用“ onclick正在瀏覽器中執行，因此您將無法在其中使用erb。您將要進行ajax調用（.load是一個方便的快捷方式，用於這樣）到服務器，您可以在其中使用erb渲染部分內容以獲取需要返回的html。”

這是我的html.erb表單，在Jquery單擊時插入的表單部分和一行，以及JQuery。 用於New Member的html可以正確呈現，但是部分呈現就好像只是一個字符串一樣。

有誰知道我怎么做ajax調用來呈現部分或什至我應該？

<h1>New Member</h1><%=render'new_user')%>

new.html.erb

<%= form_for(@family) do |f| %>
  <form class = 'form-horizontal' role = 'form'>
    <div class='form-group'>
      <%= f.label :name %>
      <%= f.text_field :name, placeholder: @family.name %>
    </div>
    <button type="button" id="add-family-button" class="btn btn-warning">Add to your table</button>
    <div id="child-forms-div" class='form-group'>
    </div>
    <div class='actions'>
      <%= f.submit %>
    </div>
  </form>
<% end %>

_new_user.html.erb

這實際上在一行中，但是我無法像在堆棧溢出時那樣格式化

<div class='form-group col-xs-3'>
  <%= f.fields_for :users, @new_user do |ff| %>
    <%= label_tag :first_name %>
    <%= ff.text_field :first_name, placeholder: 'First Name' %>
    <%= label_tag :last_name %>
    <%= ff.text_field :last_name, placeholder: 'Last Name' %>
  <% end %>
</div>

javascript.js

$("#add-family-button").click(function(){
  var form = "<h1>New Member</h1><%=render'new_user')%>";
  $("#child-forms-div").append(form);
});

Answer 1

為了能夠動態生成嵌套表單，您可以將ajax或javascript與一些輔助方法一起使用。

在此處的rails中很好地解釋了此過程-rails cast link