jqueryが効かない

Question

①ウェブサイトを作りたいので勉強を始める
②index.phpファイルを作り、XAMPPを起動してブラウザからファイルを確認する。特に問題はない
③index.phpファイルをWebサーバにアップロードして、ファイルを確認する。jqueryがなぜか反映されない
④jqueryのリンクが古いのが原因だったみたい。googleがホストしているjqueryのリンクを貼り付けたらうまく動いた。

XAMPPを使っていた時は問題なく古いリンクでもjqueryが動いたのに、Webサーバにファイルをアップロードした時にはどうしてうまく動いてくれなかったのでしょうか？

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

もともと書いていた古いjqueryのリンクは既にファイルから消してしまっており、どこから拾ってきたかも覚えてないです。ごめんなさい...。おぼろげな記憶だとかなりバージョンが古く、数字の部分が「1.2.1」くらいだったような気がします。

Comments

[miyabi_pudding]

その古いリンクと、googleがホストしているjQueryのリンクを含めた、該当のソースコード記載してくださらないと、なんとも言えないです・・・。

Answer 1

これはすべて推測です。

jqueryの古いリンクはhttpだった。
XAMPPはhttpで確認できた。
Webサーバはhttpsで確認できなかった。
※httpsのサイトでhttpのリソースを読もうとするとブラウザがブロックすることがある。

F12を押してブラウザの開発者ツールでコンソールログを見るとエラーが出ていたはずなので、
今後エラーが疑われる場合はコンソールログを確認するとよいです。

Answer 2

1系でしか動かないなら1.12.4あたりでは？

https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js

Answer 3

古いjQueryへのリンクも、グーグルのホストのURLである、ということを前提に話をしますと、
数字の部分を、質問にあります、1.2.1にしましたところ、
https://ajax.googleapis.com/ajax/libs/jquery/1.2.1/jquery.min.js
該当のファイルは、既に存在しておりませんでした。
おそらく、グーグルが、古いバージョンのファイルを削除したかなんかしたのかと思います。

では、今回の質問、下記の可能性で回答させていただきます。

①HTML（PHP）では、同サーバー内のjQueryを読み込むリンクになっており、jQueryファイルの、Webサーバーへのアップロード漏れがあった。
②実行しているスクリプトが、古いjQueryだと実行できない関数だった。（3.3.1は最新です）
③そもそもスクリプトの実行の仕方が間違っていた。

$(function(){
  // この中でjQueryを実行していなくて、ローカルではスピード的に偶然実行できていた。
  // グーグルのホストだと読み込みが速いので、この中で実行しなくても動いていた
});

しかし、上記、①～③はいずれも、以前のソ－スコードを記載していただかないと、なんとも言えません。
あくまで”可能性”です。
もっと正確な回答がほしい場合は、HTML（PHP）、実行している、JavaScriptの全体のソースコードを記載してください。