为什么引导模式不能显示在Rails 5上？

Question

1.index.html.erb代码：

<%= link_to 'Add release', new_release_articles_path,  {:remote => true, 'data-toggle' =>  "modal", 'data-target' => '#modal-window'}  %>
<div id="modal-window" class="modal hide fade" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"></div>
<p>Hoc javascript</p>

1. 控制器代码：

def new_release respond_to do \format\ format.html format.js end .

1. new_release.js.erb码

$(‘#modal’).html(“<%=j呈现‘blorgh/<%=/new_release’%>”)；$(‘#modal窗口’).modal()；

1. new_release.html.erb码

1. application.js

//= require -ujs //=需要jquery //= require jquery_ujs //= require turbolinks //= require_tree。

1. 结果单击链接添加发布：

​

Answer 1

看看这个

//= require rails-ujs
//= require jquery
//= require bootstrap
//= require jquery_ujs
//= require turbolinks
//= require_tree .

如果使用rails-ujs，则不需要jquery_ujs，因此可以从这里删除该//= require rails-ujs并按照顺序执行

//= require jquery
//= require jquery_ujs
//= require bootstrap
//= require turbolinks
//= require_tree .

您可以考虑一个rails-ujs或jquery_ujs，在更改后重新启动服务器。

从注释更新

使用tabindex="-1"实现div模态窗口