は/どのように私はjQueryのに非常に新しいですし、私は200のページネーションを持って <p>雷</p>と組み合わせて使用​​するためにスピナーを追加することができていますかどうかを把握しようとAJAX要求

Question

中にスピナーアニメーションを追加することができます以下のコードの連絡先

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

私はこのようないくつかのコードを使用する必要があることがわかります。これを入れない場所

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

私の質問はありますか？ - ページの一番下にある - js.erbで - どこか他に？

私はカミナリとトリガーするために何をする必要がありますか？

多くのありがとう。

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から見つけることができます。