Ruby on rails rails控制器操作的加载程序映像

Ruby on rails rails控制器操作的加载程序映像,ruby-on-rails,ruby,ruby-on-rails-4,Ruby On Rails,Ruby,Ruby On Rails 4,您好,在我的rails应用程序中,一个页面上有链接,链接到另一个页面,该页面将调用一些API,因此页面加载缓慢。我需要一些指示,直到页面呈现,如何做到这一点?我已经搜索了他们中的大多数人,他们说的是AJAX请求的解决方案,但这里不是AJAX请求……添加到您的应用程序中。js $(document).ajaxStart(function(){ showloader() }); $(document).ajaxStop(function(){ hideloader() }); fun

您好,在我的rails应用程序中,一个页面上有链接,链接到另一个页面,该页面将调用一些API,因此页面加载缓慢。我需要一些指示,直到页面呈现,如何做到这一点?我已经搜索了他们中的大多数人,他们说的是AJAX请求的解决方案,但这里不是AJAX请求……

添加到您的应用程序中。js

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


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

function hideloader(){
 $(".main-loader").hide()
}
添加您的应用程序。html.erb

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


还可以将加载程序图像添加到您的资产图像文件夹中

添加到您的应用程序.js中

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


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

function hideloader(){
 $(".main-loader").hide()
}
添加您的应用程序。html.erb

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

并将加载程序图像添加到您的资产图像文件夹中