jQuery：datatablesが本番環境（heroku）で日本語化されない。

Question

jQuery：datatablesを使いテーブルを作成し、下記のコードを追加しました。

$.extend( $.fn.dataTable.defaults, {
   language: {
      url: "http://cdn.datatables.net/plug-ins/9dcbecd42ad/i18n/Japanese.json"
      }
      });

ローカル環境ではきちんと日本語化されるのに、本番環境（heroku）では英語のままです。
解決策はあるのでしょうか？

コード全体

   jQuery(function($){
     // デフォルトの設定を変更
     $.extend( $.fn.dataTable.defaults, {
         language: {
             url: "http://cdn.datatables.net/plug-ins/9dcbecd42ad/i18n/Japanese.json"
             }
             });
     $("#test_list").DataTable({
         "pageLength": 10,      //デフォルトの表示件数は10件
         "searching": false,     //検索機能
         "paging":   true,      //ページング機能
         "ordering": true,      //ソート機能
         "lengthChange": true,  //件数切り替え機能
         "info": false,

         }).columns.adjust().draw();
         });

Answer 1

https://cdn.datatables.net/plug-ins/9dcbecd42ad/i18n/Japanese.json のようにHTTPSにしてみてはいかがでしょう。

Comments

[退会済みユーザー]

アドバイスの通りにしたら日本語化されました。
なぜこれで日本語化が正常にされたのでしょうか？

[kei344]

このあたりを参照してください。

【混在コンテンツ - Security | MDN】
https://developer.mozilla.org/ja/docs/Security/%E6%B7%B7%E5%9C%A8%E3%82%B3%E3%83%B3%E3%83%86%E3%83%B3%E3%83%84

【SSL対応でhttpとhttpsが混在したコンテンツが表示できない原因を特定する – FeeeeeLog】
https://feel-log.net/seo/ssl-notice-http-https/