waypointsが動作しない

waypointsを使ってアニメーションをつけたいと思いましたが、本番環境でうまく動作しません。
waypoints

参考にしたサイト
【jQuery】waypoint.jsとCSSでスクロールして画面指定位置で要素をアニメーションさせる

参考にしたサイトのように、<head>内に

<script type="text/javascript" src="jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="jquery.waypoints.min.js"></script>

と記述し、

<script>
$(function(){
    $('.slidein-fade').waypoint(function(){
        $('.action').addClass('animated');//slidein-fadeクラスがブラウザの上端(ここでは90%)にきたら、
                                            //.actionに「animated」というクラスが追加される
    },{offset : '90%'});
});

</script>

としてスライドインを設定しました。
サーバーにアップせずに編集しているindex.htmlファイルをブラウザで開いた際は問題なく動作していました。
しかし、サーバーにアップして確認しようとしたところ、動作せず何も表示されません。（表示されないのは動作前をopacity:0;にしているからだと思います）

解決したいこと
なぜ動作しないのか、考えられる理由がお分かりでしたら解決策をお教え願いたいです。
（jquerryが動作しない際に確認すべきことをご教示いただきたいです。）

jquerryはgoogle検索でコピペして作っているような初心者です。
どうぞよろしくお願いいたします。