httpからhttpsに変更したらjQueryが動かない・動作しなくなった場合の対処法を|SIRIUS ホームページソフト

httpからhttpsに変更したらjQueryが動かない・動作しなくなった場合の対処法を

 

ここでは、私自身の経験として、jQueryが動かない・動作しなくなったといった場合の原因と確認方法と対処法をまとめました。

 

今まで、快適に動作していたのに突然、jQueryが動作しなくなりました。

 

ホームページソフトのプレビュー画面では動作するのですが、サーバーにアップし確認すると動かないんです・・・

 

 

jQueryとは・・・

 

 

私の場合、サイトのページのトップに戻ると言う箇所に、jQueryを使用しています。

 

このページを見てもらうと分かると思いますが、下の方にスクロールすると丸いグレーのアイコンが現れますよね?

 

それをクリックすると今の見ているページの一番上に戻りませんか?

 

そうです。

 

その動作をする為に、jQueryを使用しています。

 

その他にもいろいろな相乗効果が出来て、これを動作させるための記述が簡単なのが、Queryです。

 

簡単に言えば、Javaスクリプトの簡易版ですね。

 

jQueryが動かなくなった経緯を考えてみる

 

jQueryが動かなくなった経緯を調べますと大体が記述ミスによるスクリプトエラーとなります。

 

私の場合、特に記述を換えたこともないですし・・・

 

もしかしたら、記述が消えたしまったのかともう一度入れ直したりと、大変な時間が掛かってしまいました。

 

結局、サイトが収集出来ないぐらいになりバックアップから復元するなどいたしましたがjQueryが復活することはありませんでした。

 

こういう時は冷静にならなくてはなりません。

 

jQueryが動かなくなる前に何をしたのかです。

 

そうです、そこです。

 

 

httpからhttpsに変更した。

 

 

そうなんです。

 

jQueryが動かなくなる前にhttpからhttpsに変更したのです。

 

私の場合さくらインターネットのサーバーを利用しているのですが、そこで無料のSSLが使えることを知りhttp://からhttps://にアドレスのトップを変更したのです。

 

httpからhttpsに変更するとjQueryの記述にhttpがあると動作しなくなるのです。

 

jQueryが動かない・動作しなくなった場合の対処法を

 

httpからhttpsに変更しjQueryが動かない・動作しなくなった場合の対処法を書きます。

 

例を・・・

 

HTMLのヘッダーに下記のような記述の中にhttpとなってる所をhttpsに書き換えます。

 

 

この下記の様に書き換えて保存します。

 

 

書き換えはお使いのソフトにより違いがありますのでご注意ください。

 

またこの様に "http://code.jquery.com/jquery 頭のhttp部分を取り

 

"//code.jquery.com/jqueryに替えても大丈夫です。

 

私の場合は、トップページからカテゴリーその他、スマートホン用の所も書き換えました。

 

書き換えた後は、サーバーにアップして確認して下さい。

 

どうですか?

 

私のサイトは、これで復活できました。

 

 

 

以上、ためしたよドットコムでした。

 

 

このエントリーをはてなブックマークに追加   

 

 

ホームページソフト

 

関連ページ

ホームページ作成ソフト 「SIRIUS」 【上位版】を購入しました。
この度、次世代型サイト作成システム SIRIUSを購入いたしました。このソフトの支払・購入・インストールまでを報告致します。
Windows10を無料アップデート終了後に新規インストールしてみました。
今回は、Windows10の無料アップデート終了してしまいましたが、なんとまだインストール出来るのです。しかも新規インストールまで出来るのです。
フリーソフトのEaseUS Todo Backup Freeを使ってWindowsシステムディスクをHDDにコピー(クローン)を作成
WindowsシステムディスクをEaseUS Todo Backup Freeを使ってHDDにコピー(クローン)を作成してみました。今回、HDDからHDDにコピー(クローン)をしてみましたがHDDからSSDでも操作は同じです。
メールソフトThunderbird(サンダーバード)のアカウント・履歴の引き継の方法
メールソフトThunderbird(サンダーバード)のアカウントや今までのメールの内容などの簡単な引き継ぎ方を掲載いたしました。
あなたのパソコンは大丈夫ですか?ウイルスに侵される前に防御策を・・・
あなたのパソコンは大丈夫ですか?ウイルスに侵される前に防御策を・・・ 今回、パソコンのウイルス対策について書いてみようと思います。
SIRIUS さくらインターネットの無料SSLの設定と httpをhttps化したけどリダイレクトがうまくいかない場合の対処法
この度、ホームページソフトのSIRIUSでさくらインターネットの無料SSLの設定と httpをhttps化したけどリダイレクトがうまくいかない場合の対処法を書きました。さくらインターネットのサーバーに契約していますと無料のSSLが使用できます。
不要のレジストリやブラウザのキャッシュ・パスワードの削除にはCCleanerが便利です。
パソコンの動作を快適に保つよう、パソコンを使っているうちに自然にたまってしまうPC内の不要なデータを手軽に削除・掃除するクリーナーソフトです。 不要なごみファイルを掃除し、各種Webブラウザーの一時ファイル・クッキー・拡張機能などを管理・削除できパソコンの起動速度が向上します。
さくらインターネットの無料SSLを導入し、http://をhttps://にしたがアドレスバーのカギマークにビックリマークが・・・
今回は、さくらインターネットの無料SSLを導入し、http://をhttps://にしたがアドレスバーのカギマークにビックリマークが・・・ 一応、赤斜線のマークよりは良いのですがやっぱり緑色の安全な接続にしたくて色々な原因を調べてみました。
自分のホームページ(サイト)を作りたい。簡単にインターネット上に公開するには何が必要なのか?
今回は、自分のホームページ(サイト)を作りたい。公開には何が必要なのか?について私が実際に経験した事を書きたいと思います。 今では作成するためのソフトや・ファイルを置いておくサーバーなどが安くなりとても公開しやすくなりました。
iTunesを使ってiPhone用のお気に入りの音楽の着信音を作成しよう。
今回は、iTunesを使ってiPhone用のお気に入りの音楽の着信音を作成してみたいと思います。 皆さんも大好きなアーティストの曲を着信音に出来たら嬉しいですよね。 曲には著作権などがありますので、作成した曲を自分以外に配布・販売する事は出来ませんので注意して下さい。

ホーム RSS購読 サイトマップ
トップページ プロフィール お問い合わせ サイトマップ リンク集