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

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" }%>

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

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