jQueryプラグインが動かない

初心者です。

jQueryプラグイン、モーダルウィンドウのhttp://jquerymodal.com/ が、動きません。
何もない、基本の状態は動きますが、example2以降のカスタマイズができません。
＃７の、フェードを使いたいです。

画像のように記入しています。fade効果がつきません。
GitHubのreadmeも読みましたが、うまくいきません。

No.1 回答者： fujillin 回答日時： 2018/07/13 09:39

こんにちは

プラグインを利用したことはないので、存じませんけれど・・・

スクリプトをhead内に記述する場合、未だbody以下は読み込まれていませんので、いきなり
$("#fade")～～
としても、id=fadeの要素は認識されていないので、結果的に無視されてしまいます。

bodyの閉じタグの前で実行するか、head内に記述するのなら
　$(function(){
　　$("#fade").modal({ fadeDuration: 100 });
　});
などのようにしておけば良いのでは？