【问题标题】:Loading modal while page is loading and close after done loading在页面加载时加载模式并在加载完成后关闭
【发布时间】:2017-01-20 13:19:16
【问题描述】:

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

例如,当我点击一个链接时:

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

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

我怎么可能做到?

【问题讨论】:

  • 我认为这不可能。 modal必须是页面的一部分,所以在页面没有加载的时候是不能显示的。
  • 这是毫无意义的功能。如果没有变通方法,您将无法实现它,而如果使用变通方法,页面加载将需要 x2 时间

标签: javascript jquery ruby-on-rails css bootstrap-modal


【解决方案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');
});

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-06-10
    • 1970-01-01
    • 2021-12-12
    相关资源
    最近更新 更多