10
在Rails中使用turbolinks,如果请求需要很长时间(无论是否预期),那么浏览器根本没有通常的线索显示任何事情正在发生。Rails turbolinks长时间的请求不会显示页面加载
在Rails中使用turbolinks,如果请求需要很长时间(无论是否预期),那么浏览器根本没有通常的线索显示任何事情正在发生。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>
 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()