Question

嗨我在一个页面上的rails应用程序中有链接到另一个页面的链接，这些页面将调用一些API，因此页面加载缓慢。我需要一些指示，直到页面呈现，如何完成此操作？我搜索了大多数人说的AJAX请求解决方案，但这里不是ajax请求.....

Answer 1

添加 application.js

$(document).ajaxStart(function(){ 
  showloader()
});
$(document).ajaxStop(function(){ 
  hideloader()
});


function showloader(){
 $(".main-loader").show()
}

function hideloader(){
 $(".main-loader").hide()
}

添加你的application.html.erb

    <div class="main-loader" style="display: none;">
      <div class="loader-div"> <%= image_tag "loader.gif" %> </div>
    </div>

并在资产图像文件夹中添加加载程序图像

rails控制器动作的Loader映像

1 个答案: