よもやまチョモランマ

「s」が足りないだけでJavaScriptが動かなくなった

正常に動いているサイトからコピペしてきたスクロールで「ページトップへ戻る」ボタン。

まったく同じHTML、JavaScript、function、、、なのに動かない事案が発生。

結論としては「s」が1つ足りなかっただけです。

function.phpに記述した「jQueryをCDNで利用するためのコード」のURLを「http」から「https」にしたら動くようになりました。

JSのコードを疑うのをやめて、JSが動かないときをググって、こちらのサイトにヒントがありました。
【参考】JavaScriptやjQueryが動かない時に原因を解明する方法(Chrome検証)

デベロッパーツールに出ていた赤いエラー表示を翻訳したら
「混合コンテンツ:「https://hoge.jp/#bpt」のページはHTTPS経由でロードされましたが、安全でないスクリプト「http://ajax.googleapis.com/ajax/libs/jquery/1.9.1」を要求しました/jquery.min.js ‘。このリクエストはブロックされました。コンテンツはHTTPS経由で提供する必要があります。」
と出たんですね。

まさかの「https」

とはいえ、コピペしてきた既存サイトは「http」のままで動いてるんですよね~。
なんの塩梅なんですかね~。

一応こっちも「https」にしておこう。
以前書いた記事も「https」にしておこう。