jquery FakeLoaderでエラーがでる

Question

jqueryのプラグイン、FakeLoaderを使用しようとしたところ
Uncaught TypeError: a.indexOf is not a function
というエラーがでました、jqueryのバージョンで定義できないんでしょうか？
解決策がございましたら教えてください

<script type="text/javascript" src="./js/prugin/jquery-3.2.1.min.js"></script>
<link rel="stylesheet" href="./css/fakeLoader.css" type="text/css">
<script type="text/javascript" src = "./js/prugin/fakeLoader.min.js"></script>
 $("#fakeloader").fakeLoader({
                    timeToHide:1200,
                    zIndex:"999",
                    spinner:"spinner1",
                    bgColor:"#2ecc71",
                    imagePath:"images/sample.jpg"
                });

<div id="fakeLoader">
            <h1>一覧</h1>
</div>

Comments

[kei344]

エラーはどのファイルで出ていますか？

[aizawal-hiroki]

jquery-3.2.1.min.js:4 Uncaught TypeError: a.indexOf is not a function at r.fn.init.r.fn.load (jquery-3.2.1.min.js:4) at fakeLoader.min.js:1 at fakeLoader.min.js:1　　こんな感じのエラーが出てるんですけどこの場合jquery-3.2.1.min.js:4 でエラーが出てるってことでいいんですかね？

Answer 1

jQuery3.0 からイベントを .load(function(){}) と書けなくなりました。そのプラグイン内でそう記述している箇所があります。$(window).on('load',function(){}) と置き換えれば動くかもしれません。

【.load() | jQuery API Documentation】
https://api.jquery.com/load-event/

version deprecated: 1.8, removed: 3.0

Comments

[aizawal-hiroki]

自分もその書き方で試してみたんですけどおんなじエラーが出ちゃうんですよね…

[gin]

一度バージョン下げて検証してみるのもいいかもですね

[aizawal-hiroki]

やっぱりバージョンの問題っぽいっす。
エラーは消えたけど正常に動かない問題が発生しましたけどね…

[gin]

正常に動かないとは？？
エラーは出てないんですよね？

[aizawal-hiroki]

ローディングのアニメーションがまったく動かないんです

[gin]

ローディングになるけどアニメーションが動かないってことですかね
アニメーション自体はCSSでやってるようなのでCSSがちゃんと読み込まれているか確認してみてください

[aizawal-hiroki]

ディレクトリが間違ってたっぽいですありがとうございました

Answer 2

ひとまずこう書いてみてくださいな

<script type="text/javascript" src="./js/prugin/jquery-3.2.1.min.js"></script>
<link rel="stylesheet" href="./css/fakeLoader.css" type="text/css">
<script type="text/javascript" src = "./js/prugin/fakeLoader.min.js"></script>
<script>
$(function(){
	$("#fakeloader").fakeLoader({
		timeToHide:1200,
		zIndex:"999",
		spinner:"spinner1",
		bgColor:"#2ecc71",
		imagePath:"images/sample.jpg"
	});
});
</script>

Comments

[aizawal-hiroki]

同じエラーが出てしまいました…。
もしかしてプラグインがjquery3.0以上に対応してないとか？
FakeLoaderのサンプルをサイトから見てたんですけどjquery1.~とかだったんですよね

Answer 3

間違えて記入しただけです