Question

我对jquery很新，并试图弄清楚我是否能够添加一个微调器与Kaminari一起使用

我有200个联系人的分页，代码如下。

<%= paginate contacts, remote: true, params: { :controller => "contacts", :action => "index" } %>`

我可以看到我需要使用这样的代码：

var $loading = $('#loadingDiv').hide();
$(document)
  .ajaxStart(function () {
    $loading.show();
  })
  .ajaxStop(function () {
    $loading.hide();
  });

我的问题是放在哪里？ - 在页面底部 - 在js.erb中 - 在别的地方？

我需要做些什么来让它与Kaminari一起触发？

非常感谢。

Answer 1

首先，您需要为加载微调器设置包装器div。

<div class="loadingDiv">your_loading_spinner</div>

在页面顶部;

<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>

在页面的末尾;

<script>
var $loading = $('#loadingDiv').hide();
$(document)
  .ajaxStart(function () {
    $loading.show();
 })
  .ajaxStop(function () {
    $loading.hide();
});
</script>

您可以从loading.io找到一些加载微调器。

可以/如何在ajax请求期间添加微调器动画

1 个答案: