【https://～】でjQueryが動かないときの対処法
以下の「ふわふわ動くボタン」なのですが、当サイトに設置したとたん動かなくなりました。同じWordPressのサイト「ワード、エクセル短期上達のコツ」では問題ないのですが・・・。
「他の WordPress のサイトではちゃんと動いているんだけど・・・😥」
昼ごはん忘れて、3時間悩んだ末やっと解決したので、ここに備忘録として残しておきます。
おなじ理由で困っている方がいらっしゃったら参考にしてみてくださいね。
設定に問題あり
通常「script」を設置する場合、「＜head＞～＜/head＞」内にスクリプトまでのパスを示すため以下のようなコードを記述すると思いますが、
|
1 2 |
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script type="text/javascript" src="https://pc-walk.com/スクリプトのパス"></script> |
WordPressに限らず自分のサイトが「 https://～（SSL通信） 」の場合、
「 http: 」からはじまるものは読み込まれないとのこと。
ですので、この【 http: 】【 https: 】を削除すると動作するようになりました。
【 // 】から記述するということです。
こんなかんじです。↓
|
1 2 |
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script type="text/javascript" src="//pc-walk.com/スクリプトまでのパス"></script> |
たったこれだけのことですが、約半日近く無駄になってしまいました。
しかし、いろいろ試行錯誤しながら自分で解決できたことはなかな忘れないと思いますので、その点については良かったのかもしれないですね。
http https どちらも記述しない 【src=”//○○○～”】 場合どちらのページでも動作するとのことなので、この記述方法を覚えておくことをおすすめします。
このほうが少し簡単ですしね。😄
“https” だと jQuery が動かない時には
あなたのjQuery（プラグイン）が動かない14の理由