在Rails中使用Turbolinks,如果请求花费的时间很长(无论是预期的还是非预期的),浏览器没有通常的提示来展示正在发生的事情。
在Rails中使用Turbolinks,如果请求花费的时间很长(无论是预期的还是非预期的),浏览器没有通常的提示来展示正在发生的事情。
我已经创建了一个依靠加载对话框解决此问题的Gist,如果请求需要超过500毫秒才能完成,则该对话框会自动弹出,时间可以进行配置。
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()