RailsアプリケーションにjQuerydatatablesプラグインを使用するスピナーを入れました。コードは本当に単純です:
私は次のようなスピナーのdivとidを持っています:
<div id="spinner" class="spinner">
<img id="img-spinner" src="/assets/spinner.gif" alt="Loading"/>
</div>
さらに、スピナーIDにフックするためのjQueryコードを少し追加します。
<script type="text/javascript">
$(document).ready(function(){
$("#spinner").bind("ajaxSend", function() {
$(this).show();
}).bind("ajaxStop", function() {
$(this).hide();
}).bind("ajaxError", function() {
$(this).hide();
});
});
</script>
これはうまくいきます。ただし、ユーザーがデータテーブルの検索ボックスに検索文字列を入力したときにスピナー画像を表示したくない場合を除きます。datatablesはAjaxを使用して、a)初期ロード時にテーブルにデータを入力し、b)ユーザーがすべての文字を入力するときに検索文字列を送信するときにも使用します。スピナー画像のちらつきが多すぎます。私はまだデータテーブルの経験があまりないので、この目的に使用できるコールバックがあるかもしれませんか?
よろしくお願いします。
バーラト