【jQuery】Velocity.js が動かない

Question

簡単なコードで、Velocity.js を試しているところです。

しかし、下記コードでフェードアウトするはずなのに、
$(...).velocity is not a function
とエラーが発生します。

<button>クリック</button>
<div id="fadeout">フェイドアウトします。</div>

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script scr="//cdn.jsdelivr.net/velocity/1.2.2/velocity.min.js"></script>
<script>
$(function(){
	$("button").click(function() {
		$("#fadeout").velocity("fadeOut", {duration: 400});
	});
});
</script>

何か間違っていますか？

Answer 1

当方で確認したところ$().velocityは未定義となっており、velocity.js自体がロードされていませんでした。
別のCDNでも同様です。
ですがファイルをDLしたものをリンクし(または埋め込み)確認すると動作します。

よってコードに誤りはありません。
velocity.jsが読み込まれていないことが原因です。

Comments

[退会済みユーザー]

ご回答くださった内容がヒントになりました！
src が、scr になっていることに気づいたんです…。

お恥ずかしい限りです。
くだらない質問で申し訳ありませんでした。

[Cf_cwd]

なるほど。自分も見落としていました(笑)
いえいえ、わずかでもお力になれたなら幸いです

Answer 2

htmlファイルを直接開いているのだとしたら、
srcのURLの先頭にhttps:を付けたら動いたりしませんか？

Apacheなどでサーバを立ててlocalhostでアクセスしてるなら不要かもしれませんが。

Comments

[退会済みユーザー]

ご回答くださりありがとうございます。
うーん、localhostで動かしていますので、ご質問の件は関係ありません。