确保第二个表单的 html 不在主表单内。那会引起问题。您可能还希望模态表单能够remote: true
通过 AJAX 提交。代替:
<%= form_for @model do |form| %>
...
<%= form.text_field :foo, onclick: 'openEmailModal()' %>
<div class="modal etc" id="email-modal">
<%= form_for @email do |form2| %>
...
<% end %>
</div>
<% end %>
你将会拥有:
<%= form_for @model do |form| %>
...
<%= form.text_field :foo, onclick: 'openEmailModal()' %>
<% end %>
<div class="modal hide etc" id="email-modal">
<%= form_for @email, remote: true do |form| %>
...
<% end %>
</div>
在您的视图中,您可以创建一个名为 create.js.erb 的文件,例如,它会执行以下操作:
closeEmailModal(); // this is just straight javascript
$('#notices').html("<%= escape_javascript(render 'my_partial') %>"); // reuse html your partials in JS
$('#notices').html("<%= j(render 'my_partial') %>"); // or use j (it's an alias for escape_javascript)
alert('I did stuff!');
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句