bootstrap模式没有正确弹出

我正试图在铁轨上显示ruby上的模态。 我设置了一个视图按钮，所以无论何时单击，模式都会弹出。 但它没有正常工作。 正如您在图像上看到的那样，模态不应该变暗。 因此，我无法点击任何内容。 这是我的代码：

index.html.erb

       .    <%= link_to (' ').html_safe, edit_quotation_path(quotation), class: "btn btn-icon btn-fill btn-github", title: "Edit Quotation " + quotation.build_quotation_number, 'data-toggle' => 'tooltip', 'data-placement' => 'top' %>     <%= link_to (' ').html_safe, quotation_path(quotation), data: {:confirm => 'Are you sure you want to delete this quotation?'}, method: :delete, class: "btn btn-icon btn-fill btn-danger", title: "Delete Quotation " + quotation.build_quotation_number, 'data-toggle' => 'tooltip', 'data-placement' => 'top' %> +       

_view_quotation_modal.html.erb

  
 
  
 
 × 
Quotation
 
 
 
 
 Customer 
 
 
 Close 
 
 
 
 
  

Answer 1

你这样做是错误的。 你可以看到你正在加载模态循环的部分内容，因此view_quotation_modal会有很多部分内容。

引导模式应始终在代码的其余部分之外进行模态，最底部。

在主布局文件中添加以下div，就像在application.html.erb中一样

您可以更好地执行此操作，如下所示，添加将显示模态的单独操作。

单击上面的按钮，您可以对rails控制器进行ajax调用，或者只需使用link_to而不是按钮，该按钮将调用rails控制器的动作并传递所需的参数。

在rails控制器中。

 def show_quotation # do your logic respond_to do |format| format.html format.js end end 

show_quotation.js.erb

 $("#modal-window").html("<%= escape_javascript(render 'view_quotation_modal') %>"); $("#modal-window").modal(); 

您可以访问partial中的所有实例变量。