web-dev-qa-db-ja.com

データテーブルでローダーGIFを表示したい

データテーブルを使用しています。私のコードは正常に動作しています。次に、ローダーイメージ（gif）を追加します。これを追加する方法がわかりません。これが私のデータテーブルスクリプトです。

$(document).ready(function() {
    $("#dvloader").show();
    oTable = $('#example').dataTable({
        "bJQueryUI": true,
        "sPaginationType": "full_numbers"                   
    });
});

これが私のローダーです：

<div id="loader">
    <img src="ajaxloader.gif" />
</div>
javascriptjquerydatatables
21
no_freedom

コメントで述べたように「Processing ...」文字列を画像に置き換える場合は、確認する必要があります here

$('#example').dataTable( {
    oLanguage: {
        sProcessing: "<img src='loading.gif'>"
    },
    processing : true
});
63
anu

データテーブル1.10以降では、以下を使用する必要があります。

$('#example').dataTable({
  language: {
     processing: "<img src='loading.gif'>"
  },
  processing: true
});

現在は必要ありませんが、新しいドキュメントにより標準が強化されました。プロジェクトは、最新の更新で ハンガリー語表記から標準的なキャメルケース の使用に変更されました。興味を持っている：

ハンガリー語表記オプションは非推奨であり、拡張機能の将来のバージョンで削除されることに注意してください（拡張機能の次のメジャーバージョンアップデート-1.xから2.xまで）。ただし、2.xの長期的な計画はありません。 -1.xシリーズでもまだ十分な寿命！）拡張機能のドキュメントは、その時点より前のハンガリー語表記を削除するように更新されます。

11
akosel