在页面加载时加载模态并在完成加载后关闭

Question

我有办法在页面加载时加载模态并在加载完成后关闭它吗？

例如，当我点击链接时：

<a href="localhost:3000/users">Stackoverflow</a>

浏览器将加载，同时模态将打开。如果浏览器完成加载，模态也会关闭。

我怎么可能这样做？

Answer 1

试试这个：

<%= link_to "Open Modal", your_path, :remote => true, :class => 'btn btn-default',  data: {toggle: 'modal', target: "#myLoadingModal" }%>

然后在你的file.js.erb文件就绪，当你在链接上使用remote：true时触发，这将在文档加载时关闭所述模态。

$(document).ready(function() {
$('#myLoadingModal').modal('hide');
});