Question

我有一个链接表，每个链接都打开一个包含简单表单的bootstrap模式。

我正在使用分页功能将更多链接加载到我的页面上。但是加载（通过分页）的新模态中的简单形式将会提交。

有什么想法吗？

一些线索：

如果我对简单表单进行分页而不将它们放在模态中，表单就会正确提交并正常工作。
第一页上的模态内的表单也可以使用。只是在我使用分页加载更多之后。

Index.html.erb：

<div class="row">
    <div id="results" class="col-xs-12 col-md-10 col-md-offset-1">
        <%= render :partial => 'companies/list', :param_name => 'companies_page', :locals => { :companies => @companies } %> 
   </div>
</div>

_list.html.erb：

<table class="table table-striped">
  <tbody>
    <% @companies.each do |company| %>
      <tr>
        <td style="vertical-align:middle;">
          <span class="btn btn-primary btn-sm" data-toggle="modal" data-target="#company_app_<%=company.id %>" onclick="">
            Interested
          </span>
        </td>
        <div class="modal" id="company_app_<%=company.id%>" tabindex="-1" role="dialog" aria-labelledby="company_app_<%=company.id%>Label">
          <div class="modal-dialog" role="document">
            <div class="modal-content">
              <%= simple_form_for(@company_candidate, :method => :post, url: { :controller=>"company_candidate", :action=>"create"}, remote: true) do |f| %>
                <%= f.submit "Apply", :class => "btn btn-primary", :onclick => "" %>
              <% end %>
            </div>
          </div>
        </div>
      </tr>
    <% end %>
  </tbody>
</table>
<center>
  <%= js_will_paginate @companies, :param_name => 'companies_page', :params => { :public_id => session[:public_id] }, renderer: BootstrapPagination::Rails %>
</center>

Answer 1

好的，我找到了答案。因为模态不在里面，模态会起作用，但形式不会因此而存在。

动态Boostrap模态内部的简单形式无法提交

1 个答案: