jquery3系がうまくいかない

質問

jquery3系が出ていたので使ってみたのですが、CDNはうまくいったのですが、そのものをダウンロードして使うほうがうまくいきません。

https://code.jquery.com/jquery-3.1.1.min.js
のソースコードをコピペしてjquery-3.1.1.min.jsというファイルを自分で作って下記のようにしているのですが、CDNが読み込まれなかった場合に読み込むというやり方のようです。

<!-- start load jquery -->
<!--[if lt IE 9]>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="/js/jquery-1.11.0.min.js"><\/script>')</script>
<![endif]-->
<!--[if gte IE 9]><!-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="/js/jquery-3.1.1.min.js"><\/script>')</script>
<!--<![endif]-->
<!-- end load jquery -->

・もちろん下記のようにもしましたが駄目でした。
<!-- start load jquery -->
<!--[if lt IE 9]>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="/js/jquery-1.11.0.min.js"><\/script>')</script>
<![endif]-->
<!--[if gte IE 9]><!-->
<script>window.jQuery || document.write('<script src="/js/jquery-3.1.1.min.js"><\/script>')</script>
<!--<![endif]-->
<!-- end load jquery -->

回答No.1

bya00417 · ベストアンサー

「うまくいかない」とか「駄目でした」と言うのは、具体的にどのような症状なのでしょうか？

書かれている一つ目のソースで問題なくCDNからjQueryが読み込めています。
もし、CDNを一切利用したくないのであれば「CDNが読み込まれなかった場合に読み込むというやり方」を真似ても意味がありません。
「<script src="/js/jquery-3.1.1.min.js"><\/script>」だけを書けばご自身のサーバからのみ読み込みます。
またIE9以前はjQueryの1.11.0を読み込むように書かれていますが、1系と3系では互換性の無いメソッドがあるので、3系と1系両対応のプログラムを書くのは仕事量が単純に2倍になる可能性があります。
3系を使うのであればIE8以前はバッサリ切り捨てた方がいいでしょう。

お礼

基本CDNで実行するがCDNが読み込めなかった場合に保険に、サーバ上にアップロードしたmin,jsを実行するという風にしたいです。

CDNはうまくいっているのですが、CDNのソースを削除すると、gototopボタンを押しても、jqueryで作っているアニメーションが実行されません。

回答No.2

bya00417

＞　CDNのソースを削除すると、gototopボタンを押しても、jqueryで作っているアニメーションが実行されません。

その時コンソールにはどのようなエラーメッセージが出ていますか？

お礼

エラーは出ていません。