ruby-on-rails – Rails turbolinks长时间的请求不显示页面加载

发布时间：2020-12-16 21:59:25 所属栏目：百科来源：网络整理

导读：在Rails中使用turbolinks,如果请求需要很长时间,无论是否预期,浏览器都没有通常的提示来显示任何事情都发生. 解决方法我创建了一个工具围绕这个问题使用加载对话框,如果请求超过500ms,这是可配置的,它将自动弹出. https://gist.github.com/cpuguy83/5016442

在Rails中使用turbolinks,如果请求需要很长时间,无论是否预期,浏览器都没有通常的提示来显示任何事情都发生.

解决方法

我创建了一个工具围绕这个问题使用加载对话框,如果请求超过500ms,这是可配置的,它将自动弹出.

https://gist.github.com/cpuguy83/5016442

@PageSpinner =
  spin: (ms=500)->
    @spinner = setTimeout( (=> @add_spinner()),ms)
    $(document).on 'page:change',=>
      @remove_spinner()
  spinner_html: '
    <div class="modal hide fade" id="page-spinner">
      <div class="modal-head card-title">Please Wait...</div>
      <div class="modal-body card-body">
        <i class="icon-spinner icon-spin icon-2x"></i>
        &emsp;Loading...
      </div>
    </div>
  '
  spinner: null
  add_spinner: ->
    $('body').append(@spinner_html)
    $('body div#page-spinner').modal()
  remove_spinner: ->
    clearTimeout(@spinner)
    $('div#page-spinner').modal('hide')
    $('div#page-spinner').on 'hidden',->
      $(this).remove()

$(document).on 'page:fetch',->
  PageSpinner.spin()

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!