【https://~】でjQueryが動かないときの対処法

以下の「ふわふわ動くボタン」なのですが、当サイトに設置したとたん動かなくなりました。同じWordPressのサイト「ワード、エクセル短期上達のコツ」では問題ないのですが・・・。

「あれ~~~」「なんでやね~~ん」「設定も間違ってないし~~~」
「他の WordPress のサイトではちゃんと動いているんだけど・・・😥」

昼ごはん忘れて、3時間悩んだ末やっと解決したので、ここに備忘録として残しておきます。
おなじ理由で困っている方がいらっしゃったら参考にしてみてくださいね。

設定に問題あり

通常「script」を設置する場合、「<head>~</head>」内にスクリプトまでのパスを示すため以下のようなコードを記述すると思いますが、

WordPressに限らず自分のサイトが「 https://~(SSL通信) 」の場合、
「 http: 」からはじまるものは読み込まれないとのこと。

ですので、この【 http: 】【 https: 】を削除すると動作するようになりました。
【 // 】から記述するということです。
こんなかんじです。↓

たったこれだけのことですが、約半日近く無駄になってしまいました。
しかし、いろいろ試行錯誤しながら自分で解決できたことはなかな忘れないと思いますので、その点については良かったのかもしれないですね。

ちなみに、

http https どちらも記述しない 【src=”//○○○~”】 場合どちらのページでも動作するとのことなので、この記述方法を覚えておくことをおすすめします。
このほうが少し簡単ですしね。😄

参考サイト
“https” だと jQuery が動かない時には
あなたのjQuery(プラグイン)が動かない14の理由