jquery.shuffleeffect.jsが動いてくれない

###実現したいこと
jquery.shuffleeffect.jsを使用したいのですが動いてくれません。
以下記事を参考にしたのですが上手くいかない状態です。
http://katoshun.com/blog/shuffle-effect.html

chromeにて以下エラーが出ていますが解決方法がわからず…

Uncaught ReferenceError: jQuery is not defined
at jquery.shuffleeffect.js:8

###該当のソースコード

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="js/jquery.shuffleeffect.js">
	$(function() {
    $(".main-title").shuffleEffect(30);
    });
</script>

上記を適用したい箇所は<div class="main-title"></div>で括っています。

よろしくお願いいたします。

行動規範の内容に同意します

回答2件

ベストアンサー

とりあえず書き方が違うので、これで試してみてください。

HTML
1<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
2<script type="text/javascript" src="js/jquery.shuffleeffect.js"></script>
3<script type="text/javascript">
4    $(function() {
5        $(".main-title").shuffleEffect(30);
6    });
7</script>

投稿2017/03/26 12:08