ここから読み込みページを使用したかったhttp://www.gayadesign.com/diy/queryloader-preload-your-website-in-style/ 私が作成していた個人のウェブサイトは最適化が不十分で、読み込みが非常に遅いためです
別のページを作成し、次のようにホームページにリダイレクトすると、読み込みページは正常に機能します 。
ただし、ページに直接移動したときに同じアニメーションを追加しようとしましたが、機能しません。これは、ドキュメントに存在する他の js ファイルが原因だと思います。
http://matthewpiatetsky.com/cs103/
リダイレクトページでは、スクリプトはここにあり、機能します。 http://matthewpiatetsky.com/cs103/demo/js/script.js
実際のページでは、スクリプトはここにあり、機能しません。
http://matthewpiatetsky.com/cs103/js/matthew.js
実際のページでのスクリプト宣言はこんな感じなので、このスクリプトを最後に呼び出します。最初に呼び出すとページが壊れるので、5グリッドjsが問題だと推測しています。
<script src="js/jquery-1.9.1.min.js"></script>
<script src="css/5grid/init.js?use=mobile,desktop"></script>
<script src="js/jquery.formerize-1.1.js"></script>
<script src="js/init.js"></script>
<script src="path/to/file/jquery.queryloader2.js" type="text/javascript"></script>
<script type="text/javascript" src="js/matthew.js"></script>